Как использовать Divi для создания шаблонов ваших сообщений WordPress

Если вы хотите добавить некоторую структуру к своим сообщениям WordPress, то шаблон — отличный способ сделать это. Divi — популярная тема WordPress со встроенной системой шаблонов. В этой статье мы покажем вам, как использовать Divi для создания шаблонов ваших сообщений WordPress. Во-первых, вам нужно создать новую страницу в WordPress и выбрать шаблон «Divi Page Builder». Это даст вам чистый холст для работы. Затем вы захотите добавить несколько разделов на свою страницу. Для каждого раздела вы можете выбрать один из множества готовых макетов или создать свой собственный. После того, как вы настроите свои разделы, вы можете начать добавлять в них контент. Вы можете использовать Divi Builder для добавления текста, изображений, видео и многого другого. Когда вы будете довольны своей публикацией, вы можете опубликовать ее на своем сайте WordPress. Вот и все! Используя Divi, вы можете легко создавать шаблоны своих сообщений WordPress, чтобы добавить структуру и стиль.

В этой статье мы покажем вам, как использовать конструктор тем Divi для разработки шаблона поста в блоге. Шаблон сообщения в блоге — это шаблон для всего веб-сайта, который вы используете для всех (или части) сообщений в блоге. С помощью Divi Theme Builder вы можете легко создавать сотни визуально привлекательных дизайнов (и изменять комбинацию статического и динамического контента в вашем шаблоне). Шаблоны постов в блогах — это предварительно разработанные шаблоны с динамическим содержимым, так что любой новый или существующий пост автоматически наследует их макет и дизайн. Используя встроенные возможности динамического контента Divi Theme Builder, блоги можно создавать с использованием шаблонов сообщений в блогах. Прежде чем вы сможете начать работу над проектом, вы должны сначала понять, какие модули использовать и как включить динамическое содержимое в шаблон. Шаблоны сообщений в блогах создаются с помощью конструктора тем Divi.

Перейдя в WordPress и выбрав Divi, Theme Builder, вы можете создать новый шаблон . Нажав кнопку «Добавить пользовательское тело», вы можете создать новую область для тела шаблона сообщения. Если вы выберете вариант «Сборка с нуля», вы сможете начать процесс создания собственного программного обеспечения. В настройках рекламного объявления щелкните значок динамического содержимого, а затем поле ввода Заголовок. Элемент динамического содержимого автора сообщения можно добавить к содержимому заголовка. Ниже приведены инструкции по изменению параметров дизайна. Добавьте подсчет комментариев в модуль Blurb в качестве функции динамического содержимого.

В качестве динамического содержимого вы можете включить изображение профиля автора сообщения в качестве изображения модуля. Модуль контента поста содержит основное содержание поста. Настройки модуля Post Content можно обновить так же, как и любого другого модуля. Эта функция важна, потому что она определяет, к какой категории применить. Это позволит подтянуть все предыдущие сообщения в той же категории из шаблона сообщения. Комментарии будут добавлены в последний раздел этого шаблона сообщения в блоге. Модуль комментария может быть расположен в поле комментария одной строки столбца.

Если вы хотите сохранить изменения в макете или конструкторе тем, обновите их настройки дизайна. При разработке шаблона сообщения помните обо всех доступных вам замечательных параметрах. Как видите, я надеюсь, что это руководство станет хорошей отправной точкой при создании собственного шаблона поста в блоге с помощью Divi Builder. Очень важно понимать, как будет структурирован шаблон сообщения, а также какие инструменты доступны. Хотя красивый шаблон позволяет блоггеру сосредоточиться на создании контента, он также позволяет шаблону выполнять всю работу за блогера.

Как показать сообщения блога в Divi?

Один из способов показать сообщения блога в Divi — создать шаблон страницы блога . Это можно сделать, создав новую страницу и выбрав шаблон страницы блога в меню атрибутов страницы. После применения шаблона сообщения блога будут отображаться в области основного содержимого страницы.

Блоги можно найти в модуле Divi Builder , который предназначен для отображения сообщений в блогах. Модуль блога можно стилизовать, чтобы сделать его более интересным при добавлении на страницу. Модуль блога Divi Builder предоставляет ограниченное количество вариантов оформления. Если вы хотите, чтобы ваши сообщения в блоге отображались, например, в виде списка, вы должны отключить модуль. Выберите параметр «Полная ширина» в блоке «Дизайн» на панели настроек блога. Идентификатор CSS будет виден под блоком «Классы». Используйте поле класса CSS left-blog-image, чтобы скопировать идентификатор CSS левого блога. Вы можете изменить приведенный выше код по мере необходимости.

Нужен ли мне редактор Gutenberg, если я использую Divi?

Если вы используете тему Divi, вам не нужен редактор Gutenberg. Divi — это тема WordPress, которая включает в себя инструмент для создания страниц, который позволяет создавать собственные страницы и сообщения без использования кода.

WordPress 5.0 представляет на платформе совершенно новый редактор блоков (он же Gutenberg). Наш новый опыт Divi Builder не только улучшает возможности проектирования, но также включает новые функции. В этом руководстве вы узнаете о параметрах WordPress, шагах, необходимых для успешной интеграции нового интерфейса Divi Builder, и о том, как использовать его на своем сайте WordPress. Вы можете получить доступ к параметрам темы в меню Divi, перейдя на панель инструментов WordPress. Классический редактор (WordPress) можно включить, перейдя на вкладку «Параметры конструктора» и выбрав вкладку «Дополнительно». Затем выберите, как вы хотите начать разработку своей страницы, из трех доступных вариантов. Кнопка сборки на интерфейсе заменяет традиционное использование кнопки визуального конструктора.

Во внешнем интерфейсе он будет использовать Divi Builder для создания визуально привлекательного дизайна. Новый Divi Builder включает в себя все свои функции и Visual Builder в своем бэкэнде. Визуальный конструктор можно активировать в бэкэнде, выбрав режимы просмотра в верхней части конструктора. Когда вы редактируете страницу в последней версии Divi, очень просто вернуться к классическому Divi Builder . Divi Builder теперь имеет все мощные новые функции, которые ранее были доступны только в Visual Builder. Вы должны убедиться, что Classic Divi Builder также включен на серверной части. Кроме того, необходимо обновить WordPress 5.0, а также исправления совместимости Divi.

Можно вернуться к классическому компоновщику страниц Divi из редактора страниц, используя новый Divi Builder в бэкэнде WordPress. Оба могут использоваться одновременно, но необходимо определить, какой из них предпочтительнее. Вскоре вы сможете использовать свои любимые модули Divi в Gutenberg или регистрировать блоки Gutenberg в Divi Builder.

Использование Divi и Gutenberg вместе

Должен ли я использовать редактор Gutenberg? Как вы используете Диви?
Использование Gutenberg и Divi в качестве редакторов больше не требует выбора используемого редактора. Divi и Elementor удобны в использовании и предлагают широкий спектр вариантов дизайна. Elementor может быть хорошей альтернативой Gutenberg, если вы предпочитаете, как он работает, но хотите большей гибкости. Divi позволит подобрать наиболее оптимальные параметры и варианты дизайна.
Как вы используете редактор Gutenberg?
После установки и активации перейдите в настройки и нажмите «Да» в опции «Разрешить пользователям переключать редакторы». После того, как вы выбрали между классическим и Гутенбергом, вы можете переключаться между ними.

Шаблоны сообщений в блоге Divi

Существует множество различных способов создания шаблона поста в блоге. Один из способов — просто создать новый файл в папке тем WordPress и назвать его, например, «blog-post.php». Затем вы можете скопировать и вставить код из файла «single.php» вашей существующей темы WordPress в этот новый файл. Это даст вам базовый шаблон для работы. Другой способ создать шаблон сообщения в блоге — использовать плагин, такой как WordPress Customizer. Этот плагин позволяет вам создать новый файл шаблона, а затем выбрать его из раскрывающегося меню при создании нового сообщения. После того, как вы создали свой шаблон, вы можете начать добавлять в него свой собственный код, чтобы настроить его по своему вкусу. Например, вы можете добавить избранное изображение в свой шаблон поста в блоге. Для этого вы должны добавить в файл шаблона следующий код: Этот код будет проверять, есть ли в текущем сообщении набор рекомендуемых изображений. Если это так, он отобразит избранное изображение в верхней части сообщения. Вы также можете добавить другой код в свой шаблон, чтобы настроить его дальше. Например, вы можете добавить ссылку «Подробнее» в свой шаблон поста в блоге. php the_content('Подробнее'); ? > Этот код будет отображать полное содержание вашего сообщения, а затем ссылку «читать дальше». Есть бесконечные возможности, когда дело доходит до настройки шаблона сообщения в блоге. Это всего лишь несколько примеров того, что вы можете сделать. Экспериментируйте и посмотрите, что у вас получится!

На этой неделе мы раздаем бесплатный шаблон сообщения в блоге в рамках нашей еженедельной инициативы Divi Design Initiative. Вы можете загрузить шаблон, перейдя в конструктор тем Divi в бэкенде вашего сайта WordPress. Когда вы загружаете новый шаблон, в шаблоне появляется новая область тела под названием «Все сообщения». Прежде чем приступить к изменению элементов шаблона, его следует сначала открыть. Этот шаблон сообщения в блоге набит динамическими элементами, которые будут работать с вашими сообщениями в блоге, как только вы его установите. Чтобы включить модули электронной почты Optin в свой дизайн, вы должны связать учетную запись электронной почты. Упростите добавление собственного контента на боковую панель, например текста, URL-адресов ссылок для кнопок и адреса электронной почты для подписки.

Divi: самое мощное решение для блогов

Divi, мощная платформа для блогов, — отличный выбор для тех, кто ищет решение для блога. Вы можете отображать свой контент на различных страницах, используя мощный модуль блога. Функция «Архивы» позволяет добавлять сообщения на определенные страницы и отображать их в виде отдельных сообщений или нескольких сообщений. Кроме того, у Divi есть множество дополнительных функций, которые делают его фантастической платформой для блогов.

Макет отдельной публикации Divi

Визуальный редактор Divi Builder позволяет быстро создать один пост, который можно перетаскивать. Нет необходимости взаимодействовать с какой-либо одной строкой HTML или CSS. Независимо от того, создаете ли вы один макет поста для всего сайта или отдельных постов/страниц на основе таких критериев, как тег или категория, он будет отображаться.