Повторное использование готовых макетов для создания страниц сайта упрощает и ускоряет создание сайта. В статье показано как загрузить макет Divi Builder на страницу сайта из разных источников: библиотеки макетов разработчика Divi, собственной библиотеки или сделать копию существующей страницы.
Напомню, Divi Builder - это "построитель страниц" (конструктор страниц) , с помощью которого можно создавать страницы сайта на WordPress.
Divi builder встроен в тему Divi и тему Extra, а также существует в виде отдельного плагина, который можно подключить к любой теме WordPress.
Как включить работу с Divi Builder на странице
Для работы с Divi Builder на сайт WordPress нужно установить и активировать тему Divi, Extra или отдельный плагин Divi Builder.
Для включения Divi Builder в редакторе нужно нажать большую синюю кнопку, появляющуюся каждый раз при создании новой страницы (поста) или редактирования уже существующей страницы, в которой конструктор еще не включен.
В классическом редакторе:
В блочном редакторе Гутенберг:
Как выбрать готовый макет Divi Builder для страницы
После выбора использования конструктора Divi Builder предложит 3 пути дальнейшего построения страницы:
- построить страницу с нуля, при этом сохраняться уже введенные данные на странице
- построить страницу с использованием готового макета из библиотеки макетов разработчика Divi
- сделать копию существующей страницы сайта
Если вы хотите заменить макет страницы то выбор нового макета производится при нажатии на кнопку "+" на панели управления редактора.
Для блочного редактора Divi Builder (Divi 4):
Для графического конструктора Divi Visual Builder (Divi 4):
Как загрузить макет DIVI из библиотеки компании Elegant Themes
Если вы выберите опцию "выбрать макет" - то вам будет предложено выбрать и загрузить макет Divi на страницу сайта из библиотеки макетов разработчика Divi.
На момент написания статьи компания предлагает 237 готовых макетов сайтов на разные тематики, в которых 1745 готовых макетов страниц. Посмотреть макеты сайтов можно здесь: библиотека макетов компании ElegantThemes
Важное замечание - при отсутствии действующего ключа APІ загрузить макеты от разработчиков вы не сможете.
Чтобы получить ключ - нужно купить подписку на Divi. Следует отметить, что покупатель по подписке получает доступ ко всем темам и плагинам компании, а также к форуму и службе технической поддержки.
Итак, для выбора макета страницы из библиотеки компании ElegantThemes сделайте 2 шага:
- В вкладке "Загрузить макет" указателем мыши выберите макет сайта.
- По щелчку мыши перейдите "вглубь" выбранного макета сайта. Здесь "внутри" макета можете выбрать нужную страницу для загрузки (стрелка 1 рисунка ниже).
Посмотреть как выглядит макет сайта "вживую" - нажмите большую синюю кнопку слева "View Live Demo" (показать демо-версию вживую ) (стрелка 2)
Для загрузки макета страницы к себе на сайт нажмите большую зеленую кнопку "Use this Layout" (использовать этот шаблон) (стрелка 3)
Обратите внимание, что по умолчанию активирована галочка Replace existing content (заменить существующий контент) (стрелка 4 на рисунке выше). В этом случае при использовании макета содержимое страницы будет полностью заменено на содержимое макета. Если хотите добавить содержимое макета к уже существующему контенту на странице - перед загрузкой макета снимите галочку с пункта.
Если все сделали правильно и у вас есть API ключ для аутентификации подписки на Elegant Themes - то макет будет загружен на страницу.
После загрузки макета на страницу вы можете редактировать или заменить контент на странице на свое усмотрение.
При загрузке макета на страницу происходит загрузка изображений макета в медиа-библиотеку. Поэтому после окончания создания страницы я рекомендую удалить из медиа-библиотеки те изображения, которые были загружены ранее вместе с макетом и не используются на странице. Это уменьшит объем дискового пространства сайта и предотвратит индексацию неиспользуемых картинок поисковыми системами.
Оставляйте свои замечания, предложения и вопросы в комментариях внизу страницы.
Удачной работы.
Александр Коваль
Здравствуйте, используем редактор Divi, но для вукомерс хочу использовать обычную страницу, так как через Divi не хотят отображаться виджеты вукомерс, вопрос можно ли применить блок от Divi к другим страницам? у нас всерстана шапка как ее можна применить ко всем страницам? возможно можна вывести ее шорткодом?
Здравствуйте! Возможно у вас не отображаются виджеты из-за того, что в настройках Диви указан формат страницы для вукомерс «полная ширина». Блоки Диви можно применять к другим страницам и типам данных если для них подключен редактор Диви. Копировать можно через библиотеку Диви. Насчет шапки не понял вопрос. Шапка сайта выводится файлом header.php — туда и вставляйте нужный код для всех страниц. Только дл редактирования файла используйте дочерную тему