Использование готовых макетов в Divi

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

Как получить доступ к готовым макетам

Вы можете получить доступ к готовым макетам и импортировать их прямо из Divi Builder при создании или редактировании страницы.

Когда вы добавляете новую страницу из панели управления WordPress, выберите Визуальный Builder.

Если это новая страница, вам будет предложено выбрать три варианта создания страницы. Выберите вариант «Выбрать макет».

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

Готовые макеты, сохраненные макеты или существующие страницы

Во всплывающем окне «Загрузить из Библиотеки» будут доступны три вкладки. На вкладке «Предварительные шаблоны» вы найдете все готовые макеты, созданные командой дизайнеров Elegant Themes, которые можно бесплатно использовать. Вкладка «Загрузить макет» — это место, где вы можете получить доступ к любым макетам, которые вы лично сохранили в библиотеке Divi. А вкладка «Ваши существующие страницы» будет содержать список всех страниц (включая сообщения и проекты), которые в настоящее время находятся на вашем веб-сайте, где вы можете выбрать клонирование существующей страницы, чтобы запустить дизайн новой страницы.

Загрузка готового макета

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

После выбора пакета макетов вы сможете предварительно просмотреть все страницы, включенные в этот пакет. При нажатии на макет страницы справа будет создан предварительный просмотр страницы слева. Под предварительным просмотром вы можете нажать кнопку «Просмотреть интерактивную демонстрацию» (View Live Demo), чтобы открыть интерактивную демонстрацию страницы в новой вкладке. Когда вы будете готовы использовать макет, просто нажмите кнопку «Использовать этот макет» (Use This Layout), чтобы развернуть макет на своей странице.

Добавление готового макета на страницу — это не одноразовая вещь. Вы можете получить доступ к новым макетам в любое время в Визуальном Builder для новых или существующих страниц. Просто откройте меню настроек страницы визуального редактора внизу страницы, щелкнув значок фиолетового круга с тремя точками.

Затем щелкните значок «Загрузить из библиотеки» (он выглядит как знак плюса), чтобы развернуть всплывающее окно «Загрузить из библиотеки» со всеми готовыми макетами.

Добавить макеты к существующему содержимому или заменить существующее содержимое

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

Загрузка сохраненных макетов и клонирование существующих страниц

Если вы сохранили макеты в своей библиотеке Divi, вы можете получить доступ к этим макетам из всплывающего окна «Загрузить из библиотеки» на вкладке «Загрузить макет». Чтобы загрузить сохраненный макет на свою страницу, просто щелкните сохраненный макет из списка.

См. Подробнее о сохранении и загрузке пользовательских макетов в Divi .

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

Настройка и гибкость

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

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

Если вам нравится изменение, вы можете нажать «command + save» (или нажать кнопку «Сохранить»). Если вам не нравится изменение, вы можете нажать «command + z», чтобы отменить его (или использовать кнопку истории редактирования, чтобы откатить сразу несколько действий!).

Чтобы узнать больше о том, как редактировать элементы с помощью визуального редактора, см. Наш пост о начале работы с Divi Builder .