Divi Theme Builder — это интерфейс в теме Divi WordPress, который позволяет использовать Divi Builder для создания макетов темы. В Theme Builder можно назначать эти макеты для страниц или постов сайта (включая пользовательские типы, такие как «Проекты» и «Товары») заменяя тем самым их отображение, заданное шаблоном темы.
В начале немного разберемся в терминологии:
Макет темы Диви (Layout Divi) — созданое в редакторе Divi Builder модульное размещение информации на страницах сайта. Это может быть часть страницы или сама страница.
Шаблон темы Диви (Template Divi) — общепринято, что шаблон сайта — это php файлы, обеспечивающие вывод информации в определенном виде и месте сайта. В Divi понятие «шаблон» может объединять несколько макетов, каждый из которых построен из модулей Divi Builder.
Итак, двигаемся дальше. С Divi Theme Builder вы получаете полный контроль над каждым элементом сайта. И поскольку у вас есть возможность использовать или отключать макеты на любой странице или публикации сайтf, вам не нужно редактировать php-файлы темы.
В данной статье приведены основы работы с Divi Theme Builder.
Введение в Theme Builder
Вкратце можно сказать так: Divi Theme Builder использует возможности конструктора Divi Builder для всех областей страниц темы Divi. Он позволяет создавать собственные верхние и нижние колонтитулы, страницы категорий, товаров, постов, 404 страницы и многое другое.
Вот несколько вещей, которые вы можете сделать с помощью Theme Builder:
- Создайте глобальный заголовок / меню для всего сайта с нуля, используя Divi Builder.
- Создайте глобальный колонтитул для всего сайта с нуля с помощью Divi Builder.
- Создайте собственный макет страницы 404.
- Создайте собственный макет поста для всех постов в блоге с помощью Divi Builder.
- Создайте собственный макет страницы товаров для всех товаров.
- Создайте собственный макет для архивных страниц.
- Создайте собственный макет для всех постов (или товаров) определенной категории.
- Создайте готовые пакеты для тем (вроде дочерних тем), которые можно экспортировать и импортировать на другие веб-сайты.
Доступ к Divi Theme Builder
Доступ к Divi Theme Builder можно получить в панели управления WordPress в категории элементов меню Divi.
На информационной панели WordPress перейдите в раздел «Divi» -> «Theme Builder».
Настройка сайта с помощью Divi Theme Builder
Шаблон сайта по умолчанию
По умолчанию существует один элемент, называемый шаблоном веб-сайта по умолчанию. Его нельзя удалить, но его можно только изменить.
Это стандартные макеты темы, и если оставить его без редактирования, три области будут использовать стандартные стили Divi.
Если область заголовка маета веб-сайта по умолчанию редактируется, заголовок темы заменяется на всем сайте настраиваемым содержимым Divi Builder. То же самое касается областей Body и Footer.
Шаблон веб-сайта по умолчанию состоит из трех областей: макет глобального верхнего колонтитула, макет глобальной области (тело) контента и макет глобального нижнего колонтитула.
Чтобы начать процесс создания новой области содержимого макетов, все, что вам нужно сделать, это нажать на одну из соответствующих областей.
Создание глобального хедера (заголовка) сайта
Если вы хотите создать новый глобальный заголовок для сайта, щелкните область «Добавить глобальный заголовок», а затем выберите параметр «Создать глобальный заголовок».
Однако, если вы хотите создать заголовок с нуля, выберите «Построить с нуля».
После того, как вы закончили разработку заголовка, сохраните макет перед выходом из редактора.
Создание глобальной области (тела) контента
В большинстве случаев вы не захотите разрабатывать общую глобальную область контента для макета темы по умолчанию, поскольку вам, скорее всего, потребуется больший контроль над контентом на страницах.
Например, вы можете отказаться от создания глобальной области контента для макета сайта по умолчанию ( которая будет применяться ко всем страницам и постам по умолчанию), но вы можете создать новый макет с настраиваемой областью контента для всех постов в блоге.
Таким образом, вам не нужно беспокоиться о дизайне каждого нового поста.
Чтобы добавить глобальнную область контента по умольчанию в макет сайта, щелкните «Добавить глобальное тело», а затем выберите параметр «Создать глобальное тело».
Важно включать модуль «Разместить контент» всякий раз, когда вы создаете область контента. Модуль позволяет Divi заполнять макет фактическтм содержанием страницы или содержимым поста.
Если вы не используете Divi Builder на странице, модуль отобразит содержимое страницы или поста в редакторе WYSIWYG .
Если вы решили использовать «Глобальную область тела контента» для макета сайта по умолчанию, во избежании пустых областей я рекомендую убедиться, что модуль «настройки контента» охватывает всю ширину макета,
Создание глобального футера (подвала) сайта
Divi Theme Builder позволяет вам заменить стандартный нижний колонтитул Divi ( подвал сайта) новым пользовательским нижним колонтитулом, который можно создавать с нуля с помощью Divi Builder.
Чтобы создать глобальный нижний колонтитул для сайта, щелкните область «Добавить глобальный нижний колонтитул» и выберите «Создать глобальный нижний колонтитул».
ПРИМЕЧАНИЕ. Чтобы ускорить создание футера вы можете добавить один из готовых макетов в редактор нижнего колонтитула из библиотеки Divi. Вы можете сделать это в любое время, щелкнув значок «Добавить из библиотеки плюс» в меню настроек в нижней части редактора.
Если у вас есть глобальный верхний колонтитул, текст и нижний колонтитул, образец страницы будет выглядеть примерно так.
Удаление глобальных элементов
Вы можете легко удалить любой глобальный элемент нажав на значок корзины.
Как упоминалось ранее, «Глобальная область (тело) контента» не всегда нужна.
Удалив этот объект вы можете полностью контролировать дизайн страницы с помощью Divi Builder.
Задавайте вопросы, пишите комментарии, делитесь статьей в социальных сетях
Удачи.
Александр Коваль
Читайте: Как работать с Divi Themes Builder — часть 2: Пользовательские шаблоны
