Повторное использование готовых макетов для создания страниц сайта упрощает и ускоряет создание сайта. Ниже показано как загрузить макет Divi Builder на страницу из библиотеки разработчика Divi — компании ElegantThemes

Напомню, Divi Builder — это «построитель страниц»  (конструктор) , с помощью которого можно создавать страницы сайта на WordPress.   Divi builder встроен в тему Divi и тему Extra, а также существует в виде отдельного плагина, который можно подключить к любой теме WordPress.

Рассмотрим пошагово созданиие страницы сайта взяв за основу готовый макет из библиотеки.

1. Включить работу с Divi Builder

Создаем новый пост. Для включения Divi Builder нужно нажать большую синюю кнопку, появляющуюся каждый раз при создании новой страницы (поста) или редактирования уже существующей страницы, в которой конструктор включен :

2. Выбрать готовый макет Divi Builder для страницы

Для выбора готового макета как основы для построения страницы в Divi Builder нужно нажать кнопку «Загрузить макет», появляющуюся в панели настроек конструктора.

Если  вы будете выбирать за основу вашей страницы макеты из библиотеки ElegantThemes — рекомендую  заранее для страницы установить настройку «Fullwidth» (на всю ширину) (стрелка 2a на рисунке).

При нажатии на вкладку «Загрузить макет» откроется окно выбора источника загрузки. Тема предлагает три источника для загрузки макетов: «Premade Layouts» (подготовленные макеты), «You Saved Layouts» (сохраненные макеты),  «Your Existing Pages» (существующие страницы)

«Premade Layouts» (подготовленные макеты) — загрузка макета страницы из библиотеки компании ElegantThemes. На момент написания статьи в библиотеке компании более 86+ готовых прототипов сайтов на разные тематики, где более 646+ готовых макетов страниц. Посмотреть прототипы сайтов можно здесь: библиотека компании ElegantThemes

«You Saved Layouts» (сохраненные макеты) — загрузка макета из внутренней библиотеки сайта. Divi Builder позволяет создать на сайте собственную библиотекту макетов.

«Your Existing Pages» (существующие страницы) — загрузить макет из уже существующей страницы сайта. В этом случае Divi Builder копирует выбранную страницу.

Если используете графический конструктор (Divi Visual Builder) — то выбор макета производится при нажатии на кнопку + на панели управдения редактора внизу страницы (см.рис):

3. Загрузить макет DIVI из библиотеки компании Elegant Themes

Для выбора макета страницы из библиотеки компании Elegant Themes сделате 2 шага:

  1. В вкладке «Загрузить макет» указателем мыши выберите макет сайта.
  2. По щелчку мыши перейдите «вглубь» выбранного макета сайта. Здесь «внутри» макета можете выбрать нужную страницу для загрузки (стрелка 1 рисунка ниже).

На момент написания статьи компания  предлагает 86 готовых макетов сайтов на разные тематики, в которых 646 готовых макетов страниц. Посмотреть макеты сайтов можно здесь: библиотека компании ElegantThemes

Посмотреть как выглядит макет сайта «вживую» — нажмите большую синюю кнопку слева  «View Live Demo» (показать демо-версию вживую ) (стрелка 2)

Для загрузки макета страницы к себе на сайт нажмите болшую зеленую кнопку «Use this Layout» (использовать этот шаблон) (стрелка 3)

Обратите внимание, что по умолчанию активирована галочка Replace existing content (заменить существующий контент) (стрелка 4 на рисунке выше). В этом случае при использовании макета содержимое страницы будет полностю заменено на содержимое макета. Если хотите добавить содержимое макета к уже существующему контенту на странице —  перед  загрузкой макета снимите галочку с пункта.

Если все сделали правильно и у вас есть API ключ для аутентификации подписки на Elegant Themes — то  макет будет загружен на страницу.

Чтобы получить API ключ — нужно купить подписку на услуги Elegant Themes. Годовая подписка стоит 89$, бессрочная — 249$. Следует отметить, что покупатель по подписке получает доступ ко всем темам и плагинам компании, а также к форуму и службе технической поддержки.

После загрузки макета на страницу вы можете редактировать или заменить контент на странице на свое усмотрение.  

p

Обратите внимание

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

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

Удачной работы.
Александр Коваль 

Метки: