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

«Шаблон сайта по умолчанию»  задает отображение всего сайта.  Тем не менее, в Divi Themes Builder есть возможность переопеределить  шаблон по умолчанию и назначить пользовательские шаблоны для любой страницы или поста на сайте.  Рассмотрим как это делать.

Добавление нового шаблона сайта в Divi Themes Builder

Чтобы создать новый шаблон,  выберите поле «Добавить новый шаблон» с серым значком плюса.

Рис Создать шаблон сайта Divi Theme

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

Создать шаблон сайта Divi Theme

Отметив нужные страницы или посты нажмите кнопку «Создать шаблон».

Управление назначениями шаблонов

Опции «Использовать на» и «Исключать из»

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

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

ПРИМЕЧАНИЕ.  Если выбор включения конфликтует с выбором исключения, выбор исключения всегда переопределяет включение.  Например, если вы выберете «Включить на домашней странице» и «Исключить из домашней страницы», то шаблон будет исключен из домашней страницы, ибо исключение имеет более высокий приоритет.

Выбор страниц темы где отображать шаблон

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

image 5

Макро и Микро назначения шаблонов

Шаблоны могут быть назначены на макроуровне и / или микроуровне.
Например, вы можете назначить шаблон всем страницам сайта (на макроуровне) или назначить шаблон одному конкретному посту (на микроуровне).

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

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

Появится предупреждение, уведомляющее вас об этом перед сохранением шаблона.

image 10

Переименование пользовательских шаблонов

После того, как все назначения будут выбраны, вы увидите  имя шаблона, которое было сгенерировано на основе выборов.

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

Чтобы переименовать шаблон нужно нажать на название шаблона и отредактировать заголовок.

Создать шаблон сайта Divi Theme

Пользовательские области шаблонов

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

Если шаблон веб-сайта по умолчанию имеет глобальные макеты, добавленные в любую из трех областей, эти глобальные макеты будут автоматически добавлены в новый шаблон при его создании.

Создать шаблон сайта Divi Theme

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

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

Создать шаблон сайта Divi Theme

Добавление области шаблона из библиотеки Divi

 В новый шаблон  вы можете добавить макет из библиотеки Divi.

Чтобы добавить макет в область шаблона из библиотеки Divi, щелкните область шаблона и выберите «Добавить из библиотеки».

Появится всплывающее окно добавления из библиотеки, в котором вы можете выбрать готовый макет страницы.

После того, как макет добавлен в область шаблона,  вы можете редактировать макет с помощью Divi Builder.

image 21

Параметры видимости области шаблона

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

Для этого щелкните значок «глаз» рядом с областью. Таким образом вы можете скрыть область верхнего и нижнего колонтитула для назначенных страниц.

ПРИМЕЧАНИЕ.  Обратите внимание: скрытие области шаблона не возвращает отображение области сайта по умолчанию.  Оно полностью отключает эту область на страницах сайта.  Например,  если отключить видимость футера для шаблона —  то это приведет  к полному исчезновеию футера на сайте для страниц, к которым это шаблон «привязан»:

image 24

Меню настроек шаблона

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

Настройки шаблона Divi Theme

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

Дублировать шаблон — вы можете сделать дубль текущего шаблона как основу для настройки других страниц сайта.

Удалить шаблон — приведет к удалению шаблона в целом. Любые страницы, записи или архивы, которым был присвоен удаленный шаблон, вернутся к шаблону веб-сайта по умолчанию и / или к стандартному макету темы Divi для этой страницы (если шаблон по умолчанию не создан).

Экспорт шаблона — позволит создать файл .json этого конкретного шаблона. После того, как вы щелкнете по значку, введите имя для файла экспорта и нажмите кнопку «Экспортировать шаблон Divi Theme Builder».

Дополнительные параметры —  список всех доступных параметров шаблона в одном месте:

 

dopolnitelnye parametry shablonv
Задавайте вопросы, пишите комментарии, делитесь статьей в социальных сетях

Удачи.
Александр Коваль

Читайте: Как работать с Divi Theme Builder — часть 1: динамический контент в Divi Theme Builder.

4divibane960r
Рубрики: Как улучшить сайт на Divi Метки: Тема Divi, Документация Divi и Дизайн сайта

Об авторе:

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

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

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

Share via
Send this to a friend