Особенности продукта Divi: расширенные макеты Divi

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

Установка расширенных макетов Divi

Установить Divi Layouts было просто. Загрузите его и активируйте так же, как и любой плагин. Чтобы загрузить его, перейдите по ссылке:

1. Плагины
2. Добавить новое
3. Загрузить плагин
4. Выберите файл
5. Установите сейчас

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

1. Активировать плагин

Обновление: новый пользовательский интерфейс

Прежде чем мы углубимся в основные моменты продукта, отметим, что Divi Extended недавно придала Divi Layouts Extended новый внешний вид. Посмотрите ниже, чтобы узнать, чего можно ожидать от нового пользовательского интерфейса. Они также добавили в свою библиотеку еще 200 макетов, предоставляя вам еще больше возможностей для выбора при создании веб-сайтов!

Расширенная панель управления Divi Layouts

На панель управления WordPress добавлено новое расширенное меню Divi Layouts. При нажатии на нее открывается новая панель мониторинга, где вы можете выбрать нужные макеты. Я нашел эту панель управления простой и интуитивно понятной.

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

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

Нажатие кнопки «Предварительный просмотр» открывает элемент на веб-сайте Divi Layouts Extended. Вы можете прокручивать макет, нажимать на все элементы, на которые можно нажать, наводить курсор, чтобы увидеть эффекты наведения, а также просматривать макет с изображениями, продуктами и т. д.

Когда вы выберете «Сохранить в библиотеке», макет будет импортирован, а кнопка изменится с фиолетовой на зеленую кнопку «Сохранено».

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

Расширенные модули Divi Layouts

Расширенные модули Divi Layouts включают кнопки и ползунки. Мы рассмотрим несколько примеров.

Расширенные кнопки Divi Layouts

На выбор имеется 55 кнопок. Текст кнопки работает как краткое описание того, что делает кнопка, или ее макета.

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

Расширенные слайдеры Divi Layouts

На выбор имеется 15 ползунков. Они полноэкранные и имеют различные варианты макетов и навигации. Они включают в себя призыв к действию, изображения, фоны, продукты, навигацию и т. д.

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

Расширенные разделы Divi Layouts

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

Заголовки

Он включает в себя 130 заголовков. Они включают в себя меню, значки социальных сетей, поля поиска, интерактивные номера телефонов, призывы к действию, стилизованные раскрывающиеся меню и многое другое. Многие из них включают верхнюю панель.

В этом примере показаны заголовки 127–129. Они включают в себя навигацию, социальные иконки, поиск, контактную информацию и т. д.

В этом примере показаны заголовки 101–103. Они включают кнопки CTA с анимацией при наведении. Я наводил курсор на меню второго заголовка, чтобы отобразить раскрывающееся меню.

Блоги

Есть 60 разделов блога. К ним относятся макеты сетки, чередующиеся макеты, макеты с одной колонкой, стили, эффекты наведения и т. д. Карточки блога предоставляют множество вариантов оформления.

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

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

призывы к действию

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

В этом примере показан призыв к действию в электронном письме с красным выделением и контактной информацией. Телефон кликабельный.

Разделы героев

Он включает в себя 60 разделов героев. Они включают призывы к действию, встроенные видео, таймеры обратного отсчета, изображения, фоны, формы, рекламные объявления, публикации, продукты и многое другое. Это некоторые из моих любимых макетов в Divi Layouts Extended.

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

Этот пример включает ссылки на различные страницы магазина. Они включают однотонные цвета и изображения с заголовками, кнопками или скидками.

Команда

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

В этом примере показаны три модуля Person с текстом, кнопкой и волнистым фоном. При наведении курсора на модуль с любой стороны он скользит по диагонали.

Отзывы

На выбор предлагается 25 разделов отзывов. Они включают в себя макеты в виде сетки, макеты с одной колонкой, чередующиеся макеты и многое другое. Они включают фоновые изображения или цвет на одной стороне, различные фоны для модулей отзывов, изображения в кружочках, квадратные изображения и т. д.

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

График

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

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

портфолио

Выберите один из 10 макетов портфолио. Это одни из самых элегантных макетов в Divi Layouts Extended. Они включают в себя несколько фоновых рисунков, включая изображения и цветные блоки. Они включают в себя несколько макетов и дизайнов карточек-портфолио. Некоторые включают призыв к действию или стилизованный фильтр. Они работают в различных отраслях, включая промышленность, потребительский сектор, магазины, рестораны, фотографию, дизайн и т. д.

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

Ву разделы

На выбор предлагается 30 разделов Woo. Они работают как призывы к действию в различных категориях магазина и включают в себя стилизованные фоны, стилизованные изображения, предложения, таймеры обратного отсчета и множество макетов. Они отлично подойдут в качестве разделов внутри макетов и в качестве главных разделов.

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

Этот пример включает таймер обратного отсчета и кнопку для просмотра магазина.

Расширенные страницы Divi Layouts

Вкладка «Расширенные страницы» Divi Layouts включает 23 типа страниц. Они включают в себя «дом», «лендинг», «О компании», «Скоро», «Оформление заказа», «цены», «продукт», «поиск», «услуги», «проект», «магазин», «команда», «отзывы», «Часто задаваемые вопросы», «Lookbook», «404» и многое другое. Они используют модули и разделы других вкладок для создания страниц в нескольких жанрах с индивидуальным стилем для каждого из них. Вот несколько примеров.

Дом

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

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

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

Посадка

На выбор представлено 40 целевых страниц в нескольких жанрах с акцентом на бизнес. К ним относятся агентства, конференции, авторы, подкасты, вебинары и т. д.

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

Лукбук

На выбор есть 3 страницы Lookbook. Они включают в себя множество стилизованных изображений в различных макетах для создания страниц магазина, ориентированных на изображения.

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

Магазин

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

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

Почта

Существует 25 макетов постов в блоге. Они отображают элементы публикации по-разному. Выберите макет с боковой панелью или без нее.

В этом примере избранное изображение размещается слева, а текст и метаданные — справа на сплошном фоне. Контент представлен в виде широкого одноколоночного макета с навигацией по публикациям, тегами и комментариями.

Вскоре

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

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

404

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

В примере используется фоновое изображение мероприятия, которое отлично работает с целевой страницей Divi Concert. Он включает в себя полноразмерное фоновое изображение, сообщение об ошибке 404, поле поиска и значки социальных сетей.

Где купить расширенные макеты Divi

Divi Layouts Extended доступен на Divi Marketplace за 49 долларов. Оно включает в себя неограниченное использование веб-сайта, один год поддержки и обновлений, а также 30-дневную гарантию возврата денег.

Завершающие мысли о расширенных макетах Divi

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

Ждем вашего ответа. Вы пробовали Divi Layouts Extended? Дайте нам знать, что вы думаете об этом в комментариях.