Введение

В первой части статьи  был расмотрен  подход к построению макета сайта с использованием  шаблона сайта по умолчанию  Divi Themes Builder в теме Divi WordPress.

Во второй части была описана возможность переопеределить  шаблон по умолчанию и назначить пользовательские шаблоны для любой страницы или поста на сайте.

В этой части рассмотрим как использовать динамический контент в Divi Theme Builder.

Динамический контент — это изменяемое содержимое страницы как то заголовок, рекомендуемое изображение, текст публикации и т. д.

Динамический контент в Divi может быть включен в макеты пользовательских шаблонов. Это мощный инструмент, который позволяет унифицировать дизайн веб-сайта, особенно для блогов и / или товаров в WooCommerce.

к оглавлению ↑

1. Создание шаблона постов блога для всего сайта

Посты блога —  одно из мест, где можно применить пользовательский шаблон с динамическим содержимым.   Вы можете создать шаблон поста со своим дизайном, используя Divi Builder с динамическим контентом.

Чтобы шаблон применялся ко всем постам блога в целом —   нужно назначить его всем постам сайта.  После этого посты унаследуют дизайн созданного шаблона. 

Чтобы шаблон применялся к постам определенной категории — нужно назначить его постам категории.

Вот пример того, как это сделать

Сначала создайте новый шаблон и назначьте этот шаблон, например,  всем постам («Все записи» ).  Затем создайте свой макет для содержимого постов нажав кнопку «добавить пользовательское  тело» в шаблоне .

shablon bloga
Вы перейдете в редактор макетов, где постройте макет с помощью Divi Builder в сочетании со встроенными модулями и параметрами динамического контента Divi. Для отображения заголовка добавьте модуль «Заголовок поста». Для отображения содержимого поста добавьте модуль «Разместить контент».
Скрин Шаблон блога

Динамический контент вы можете добавить с помощью модуля «Текст». Пример: 1) отключте в модуле «Заголовок поста» отображение Мeta, 2) добавьте в щаблон модуль «Текст», в котором настройте использование динамического контента: «отображать динамически дату публикации поста»:

Скрин Динамический контент дата-публикации-поста
Рисунок Динамический контент дата-публикации-поста

Самое главное, при создании любого собственного макета постов  для отображения содержимого статьи вы должны добавлять модуль «Разместить контент» (Post Content).

Вот пример макета для шаблона поста блога с использованием динамического содержимого:

Рисунок пример всего макета для шаблона поста блога с использованием динамического содержимого

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

наследование макета для шаблона поста блога с использованием динамического содержимого
к оглавлению ↑

2. Создание страницы товара для всего сайта

Динамический контент можете использовать во встроенных модулях Divi WooCommerce (или Woo) для создания собственного шаблона страницы товаров в теме Divi для всего сайта.

Для этого просто создайте новый шаблон и назначьте ему область «Все товары». Затем нажмите ссылке «добавить пользовательское тело» в шаблон и нажмите, чтобы создать макет с помощью редактора.

Шаблон товаров магазина
Затем используйте Divi Builder и модули Woo для разработки шаблона страницы товара.
Шаблон страницы товара
Теперь, когда вы создаете новый товар в бэкэнде с помощью стандартного редактора страницы товара, товар автоматически наследует дизайн назначенного шаблона.
Шаблон страницы товара
к оглавлению ↑

3. Создание шаблона страницы категории для блога, страницы поиска, архивов

Theme Builder позволяет создавать полные шаблоны страниц категорий, результатов поиска, архивов.

Ключом к созданию шаблона для страницы архивов ( блога, категории, меток, поиска) является создание настраиваемой области «пользовательского тела» и использование модуля «Блог» для отображения сообщений для текущей страницы.

Выберите назначение шаблона.

Шаблон страницы блога
Далее в редакторе щелчком мыши добавьте модуль «Блог» в макет шаблона страницы и укажите в настройках модуля опцию «Сообщения для текущей страницы»
Настройка Шаблон страницы блога
Также Вы можете использовать комбинацию модулей «Блог» со смещениями постов для уникализации макетов страниц архивов.
Задавайте вопросы, пишите комментарии, делитесь статьей в социальных сетях Удачи. Александр Коваль
4divibane960r
Рубрики: Как улучшить сайт на Divi и Создание сайта на WordPress

Об авторе:

Александр Коваль

Александр Коваль

Предприниматель. IT-специалист. Создаю интернет-магазины, лендинги и другие сайты. Помогаю поддерживать их работу. Расширяю функционал и возможности сайтов на WordPress. Пишите если нужна помощь с сайтом или разработка "с нуля"

Share via
Send this to a friend