Как использовать модуль содержимого публикации в конструкторе тем Divi
Опубликовано: 2019-11-01Модуль содержимого публикации - это специальный модуль, доступный при создании макета области тела для шаблона в Divi Theme Builder. Понимание того, что такое модуль содержимого публикации и как его использовать, будет чрезвычайно полезным при разработке пользовательских шаблонов с помощью Divi Theme Builder.
В этом руководстве мы рассмотрим, как работает модуль содержимого публикации и как лучше всего использовать его при разработке шаблонов в Divi.
Давайте нырнем!
Подпишитесь на наш канал Youtube
О модуле содержания сообщений Divi
Основная функция модуля содержимого сообщения - отображать (и стилизовать) содержимое сообщения или страницы в заданном шаблоне сообщения или страницы. Модуль предназначен исключительно для работы с Theme Builder, поэтому он не будет доступен с помощью Divi Builder для редактирования обычной страницы или публикации.
В построителе тем модуль содержимого публикации создает область для Divi Builder, которая будет использоваться в области тела шаблона построителя тем. Его также можно использовать для отображения и стилизации содержимого сообщений или страниц, созданных с помощью редактора WordPress по умолчанию. Это делает его особенно удобным для создания шаблонов сообщений в блогах.
Модуль можно добавить в макет области тела любого шаблона, используя обычный процесс добавления нового модуля в Divi. Просто щелкните значок добавления модуля и выберите модуль содержимого публикации из списка.
Это вызовет модальное окно настроек содержимого публикации, которое включает в себя все доступные варианты дизайна для добавления элементов стиля по умолчанию, которые будут унаследованы сообщениями или страницами, назначенными шаблону.
Мок-контент предназначен для того, чтобы дать нам полезное визуальное представление о том, как эти элементы будут выглядеть на действующей странице или в публикации.
Теперь, когда у нас есть краткое введение в модуль содержания сообщений, давайте рассмотрим, как мы можем использовать его на нашем собственном сайте Divi.
Использование модуля содержимого сообщений для шаблонов сообщений
Использование модуля содержимого сообщений для отображения содержимого сообщений, созданных с помощью классического редактора или редактора по умолчанию (не Divi)
Очень практичным применением модуля содержимого сообщений является использование модуля для добавления стиля для размещения содержимого в шаблоне для публикации содержимого, созданного с помощью редактора сообщений по умолчанию WordPress (без использования Divi Builder).
Например, мы могли бы создать новый шаблон, назначенный всем сообщениям на нашем сайте Divi.
Затем используйте редактор макета шаблона, чтобы создать шаблон сообщения в блоге, используя статические элементы дизайна и динамическое содержимое.
Определите область шаблона, в которой вы хотите, чтобы отображалось фактическое содержание отдельного сообщения. Затем добавьте модуль «Содержимое публикации» в макет шаблона.
Затем откройте настройки модуля содержимого публикации, чтобы добавить стиль, который вы хотите применить к любому содержимому публикации, добавляемому в новую или существующую публикацию на вашем сайте. Модуль содержимого публикации имеет встроенный макет содержимого с различными элементами, которые можно стилизовать. Этот фиктивный контент будет заменен фактическим контентом публикации при просмотре публикации на веб-сайте.
После добавления модуля содержимого сообщения в шаблон со стилями, добавленными в настройки модуля сообщения, шаблон сообщения готов для использования в наших сообщениях в блоге на действующем сайте.
Мы можем создать новый пост или отредактировать существующий пост, используя редактор по умолчанию или классический редактор WordPress.
Если мы используем классический редактор, любой контент, добавляемый в поле содержимого с помощью редактора wysiwyg, будет заполнять область шаблона, стилизованную модулем содержимого публикации.
Если мы используем редактор WordPress по умолчанию (или редактор блоков), любой контент, который мы создаем с помощью редактора блоков, будет заполнять (и унаследовать стиль) область модуля содержимого публикации в шаблоне.
Блоггерам, которые предпочитают стандартный / классический редактор, не придется беспокоиться о стилизации контента, поскольку он унаследует стиль, установленный в модуле контента публикации в шаблоне. Так писатели могут больше сосредоточиться на реальном содержании. Кроме того, шаблон сообщения будет иметь дополнительный дизайн и динамическое содержимое, окружающее содержимое сообщения, чтобы завершить общий дизайн сообщения.
Вот взгляд на бэкэнд фиктивного поста, созданного с помощью стандартного / классического редактора.
Вот тот же пост при просмотре в интерфейсе пользователя.
В дополнение к дизайну и динамическому содержимому, которое существует в шаблоне, обратите внимание на стилизацию содержимого сообщения с помощью шаблона.
Использование модуля содержимого сообщений для отображения содержимого сообщений, созданных с помощью Divi.
При использовании шаблона сообщения для сообщений в блоге мы можем решить использовать конструктор Divi для разработки одного или нескольких наших сообщений в блоге вместо использования редактора по умолчанию. Это даст нам больший контроль над дизайном каждого элемента содержимого публикации, в отличие от простого использования редактора по умолчанию и стиля модуля содержимого публикации в шаблоне.
Имейте в виду, что даже несмотря на то, что мы используем Divi Builder для разработки сообщения, общее пространство дизайна содержимого сообщения будет находиться в пределах области, обозначенной модулем содержимого сообщения в шаблоне сообщения.
Для получения дополнительной информации ознакомьтесь с нашей документацией о том, как создать шаблон сообщения в блоге для всего сайта.
Использование модуля содержимого публикации для шаблонов страниц
Несмотря на название, модуль содержимого сообщений можно использовать как для сообщений, так и для страниц. Итак, если мы хотим создать шаблон тела для одной или нескольких страниц на нашем веб-сайте, нам нужно будет использовать модуль содержимого сообщения, чтобы убедиться, что содержимое страницы отображается.
В большинстве случаев создание основного шаблона для одной или нескольких страниц не требуется, поскольку каждая страница обычно состоит из уникального статического содержимого, которое создается постранично. Однако могут быть случаи, когда основной шаблон также пригодится для страниц. Это может быть полезно для добавления дизайна на уровне шаблона и контента, который мы хотим автоматически отображать на страницах.
Например, мы можем захотеть включить один и тот же дизайн заголовка для всех страниц нашего сайта. Или мы можем захотеть включить CTA, например Email Optin, внизу всех (или некоторых) наших страниц.
Вот пример того, как это будет работать на веб-сайте.
Сначала перейдите в конструктор тем Divi и создайте новый шаблон. Затем назначьте шаблон всем страницам и добавьте в шаблон настраиваемую область тела. После этого щелкните, чтобы отредактировать настраиваемую область тела.
В редакторе макета шаблона используйте Divi Builder для создания раздела заголовка страницы с использованием динамического содержимого. Мы предлагаем использовать текстовый модуль и использовать элемент динамического содержимого Post / Archive Title для основного содержимого текстового модуля. Заголовок сообщения / архива также будет отображать заголовки страниц.
Затем создайте новый раздел для модуля содержимого публикации. Опять же, это необходимо, потому что без модуля содержимого публикации шаблон не будет отображать какое-либо содержимое или дизайн отдельной страницы.
Поскольку этот модуль содержимого сообщения будет родительским контейнером для содержимого нашей страницы, рекомендуется разрешить модулю содержимого сообщения охватывать всю ширину страницы. Мы всегда можем настроить интервал при разработке содержимого отдельной страницы с помощью Divi Builder.
Затем мы можем добавить раздел внизу шаблона, который будет отображаться на всех страницах. Поскольку мы хотим, чтобы контент отображался под фактическим контентом публикации / страницы, нам нужно добавить его под разделом, содержащим модуль контента публикации.
Вот пример раздела, созданного под контентом публикации, содержащего значки социальных сетей и подписку по электронной почте.
Примечание. Поскольку мы будем использовать Divi Builder для разработки реальных страниц в Divi, нам действительно не нужно добавлять стили в модуль содержимого публикации.
Теперь с нашим шаблоном страницы мы можем создать новую страницу в Divi, перейдя в Pages> Add New. Затем добавьте заголовок и разверните Divi Builder. 
Затем нажмите, чтобы построить переднюю часть.
Вы можете создавать содержимое страницы во внешнем интерфейсе с помощью Divi. Но обратите внимание, как внешний (визуальный) построитель будет содержаться в области модуля содержимого сообщения шаблона страницы, назначенного странице. При редактировании сообщения или страницы в Divi Builder весь пользовательский интерфейс Divi Builder отображается в столбце, в котором находится модуль содержимого сообщения. Все остальное за пределами этого модуля является статическим и не может быть изменено за пределами Theme Builder.
Итак, в этом примере страница состоит из следующих областей:
- Глобальный заголовок (добавлен в область настраиваемого заголовка шаблона страницы)
- Раздел заголовка (добавлен в макет настраиваемой области тела шаблона страницы над содержимым страницы)
- Раздел содержимого публикации (добавлен в макет настраиваемой области тела шаблона страницы; состоит из модуля содержимого публикации, который определяет пространство здания для Divi Builder)
- Раздел CTA (добавлен в макет Custom Body Area шаблона страницы под содержимым страницы)
- Глобальный нижний колонтитул (добавлен в область настраиваемого нижнего колонтитула шаблона страницы)
Вот как это выглядит при редактировании страницы во внешнем интерфейсе с помощью Divi Builder.
Модуль содержимого сообщений хорошо подходит для разработки страниц WooCommerce, созданных с помощью шорткодов.
Модуль содержимого сообщений также пригодится, когда мы создаем шаблоны страниц для страниц WooCommerce. Страницы WooCommerce генерируют контент страницы с помощью шорткодов. Эти шорткоды существуют в поле содержимого страницы WooCommerce.
Вот как выглядит страница учетной записи по умолчанию при редактировании страницы в Divi.
Чтобы разработать шаблон для этой страницы WooCommerce, нам не нужно развертывать Divi Builder в редакторе страниц. Мы можем создать шаблон в Divi Theme Builder и настроить таргетинг на дизайн содержимого страницы, сгенерированного шорткодом (по крайней мере, его часть), с помощью модуля содержимого сообщения.
При создании шаблона обязательно назначьте шаблон страницам WooCommerce.
Важно: модуль содержимого публикации не отображает содержимое страниц архива / категорий. Убедитесь, что вы не назначаете страницу магазина шаблону, который зависит от модуля содержимого публикации для отображения содержимого. На странице магазина не будет отображаться какой-либо контент. Итак, поскольку мы планируем использовать модуль содержимого публикации в шаблоне, нам нужно будет ограничить назначение нашего шаблона, включив в него только страницы корзины, оформления заказа и / или моей учетной записи.
Теперь мы можем добавить в шаблон настраиваемую область тела и построить ее с помощью редактора макета шаблона.
Затем настройте шаблон страницы с помощью Divi Builder. Когда вы добавляете модуль содержимого публикации, обязательно обновите настройки дизайна, чтобы настроить таргетинг на дизайн элементов страницы WooCommerce, сгенерированных шорткодом.
А вот как будет выглядеть страница «Моя учетная запись» в интерфейсе со стилем модуля содержимого публикации.
К сожалению, модуль содержимого публикации не сможет напрямую стилизовать каждый элемент сгенерированного содержимого страницы WooCommerce. Но это обеспечит приятный бонус при разработке шаблонов страниц woocommerce.
Не для шаблонов страниц индекса / архива / категории
Поскольку модуль содержимого сообщения предназначен для отображения содержимого определенной страницы или сообщения, созданного в Divi, он не будет работать с шаблонами страниц индекса (архива). Если шаблон используется на странице индекса (архива)), модуль не отображается во внешнем интерфейсе, и поэтому содержимое не отображается.
Если этот модуль существует в области тела, но контент сообщения не существует (или если шаблон используется на странице индекса (архива)), модуль не отображается во внешнем интерфейсе.
Короче говоря, не используйте содержимое модуля публикации для отображения содержимого страниц архива, включая страницу результатов поиска и страницу 404.
Используйте модуль блога для шаблонов страниц архива.
Если мы хотим создать шаблон для страниц архива, модуль блога Divi включает возможность отображать содержимое текущей страницы. Это создаст контент, связанный с категорией или страницей архива.
Для получения дополнительной информации ознакомьтесь с этим сообщением о том, как создать шаблон страницы категории для своего блога.
Не для шаблонов страниц продукта
При создании шаблона страницы продукта для продуктов WooCommerce в Divi лучше не зависеть от модуля содержимого публикации для отображения информации о продукте в основной области шаблона. В Divi есть все модули Woo, необходимые для динамического извлечения информации о продукте на уровне шаблона. Использование модуля содержимого публикации в шаблоне, назначенном для страницы продукта, будет отображать только содержимое, включенное в поле содержимого (которое по умолчанию является только описанием продукта).
Для получения дополнительной информации узнайте, как создать шаблон страницы продукта.
Предупреждение, если отсутствует модуль содержимого публикации
Если модуль «Содержимое публикации» не включен в тело шаблона построителя тем и мы выбрали «Использовать конструктор Divi» для редактирования сообщения с использованием этого шаблона, мы увидим всплывающее окно с предупреждением, которое сообщает нам, что нам не хватает Разместите модуль содержимого в используемом шаблоне. Также есть кнопка, которая приведет нас прямо к построителю тем и внесет необходимые изменения в шаблон.
Последние мысли
При разработке новых шаблонов для сайта Divi важно понимать, как использовать модуль содержимого публикации. Модуль, возможно, лучше всего использовать в сочетании с элементами динамического содержимого для создания шаблона для сообщений блога, который может упростить рабочий процесс создания сообщений блога без необходимости развертывания Divi Builder. Но модуль содержимого сообщений также может пригодиться для шаблонов страниц, даже для страниц WooCommerce.
Каким был ваш опыт работы с модулем содержания публикации?
Я с нетерпением жду вашего ответа в комментариях.
Ваше здоровье!