Особенности плагина Divi: Divi Plus

Divi Plus - это сторонний плагин для Divi, который добавляет более 40 модулей и множество новых функций в Divi Builder. В этом выделении плагина Divi мы рассмотрим Divi Plus, чтобы увидеть, что он может сделать, чтобы помочь вам решить, подходит ли это плагин для вашего набора инструментов Divi.

Настройки Divi Plus

Установить плагин очень просто. Просто загрузите и активируйте. После его установки вы захотите активировать несколько функций. На панели управления WordPress перейдите в « Настройки» > « Divi Plus» . Вкладка «Общие» позволяет вам выбрать, какие из модулей вы хотите иметь доступными в Divi Builder. Все они выбраны по умолчанию, поэтому вы можете оставить эту вкладку как есть.

На вкладке «Расширения» есть несколько параметров. Здесь вы можете включить шорткоды библиотеки Divi, планировщик, диспетчер видимости и фон частиц для разделов, строк, столбцов и модулей. Все они по умолчанию отключены. На вкладке «Интеграции» вы можете добавить свой Facebook API и имя пользователя Twitter.

Шорткоды библиотеки Divi

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

Планировщик DP

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

Менеджер по видимости DP

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

Фон частиц DP

Настройки фона частиц добавляются в область «Фон» в настройках раздела. Фон не отображается в Visual Builder. Вы можете выбрать тип частиц, количество, плотность, размер, цвет, параметры связанных линий, параметры движения, интерактивность и многое другое.

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

DP Plus Пользовательские типы сообщений

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

Отзывы DP

Вот мой список примеров сообщений для отзывов DP.

Члены команды DP

Вот мой список примеров сообщений для членов команды DP.

Модули Divi Plus

Divi Plus добавляет более 40 модулей к Divi Builder. Мы рассмотрим несколько выделяющихся модулей.

DP Ajax Search

Ajax Search показывает результаты поиска во всплывающем окне без необходимости перезагружать страницу.

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

Панировочные сухари DP

Breadcrumbs дает вам два макета на выбор, и он может открывать ссылки в новой вкладке.

Часы работы DP

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

Кнопка DP

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

Переключатель содержимого DP

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

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

Схема страницы часто задаваемых вопросов DP

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

DP Form Styler

Form Styler позволяет вам выбрать форму из Contact Form 7 или Caldera Forms, а затем стилизовать ее с помощью параметров стиля Divi. Количество вариантов стилизации отдельных элементов форм впечатляет. В этом примере я установил выравнивание по центру, скорректировал толщину шрифта для меток, скругил углы для полей и кнопки и добавил тень поля к полям. Я также стилизовал кнопку с фоновым изображением и наложением, увеличил размер шрифта и изменил цвет шрифта.

Точка доступа DP

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

Я заменил значок внизу текстом и добавил макет Divi в качестве всплывающей подсказки. Макет включает текстовый модуль и кнопку. В этих макетах также можно использовать модули Divi Plus.

Схема DP How To

Модуль How To Schema включает в себя настройки для добавления инструментов, расходных материалов, количество времени, которое потребуется, и шаги, как это сделать. Каждый из шагов добавляется как подмодуль. Такие элементы, как инструменты и расходные материалы, а также время и стоимость, имеют подразделы, и вы можете добавить их столько, сколько захотите. Каждый из элементов можно стилизовать независимо.

DP Modal

DP Modal создает всплывающее окно, которым можно управлять с помощью триггера. Триггером может быть щелчок по элементу, загрузка страницы или намерение выхода. Это может быть кнопка, изображение, значок, текст, идентификатор CSS или класс CSS. Создайте в модуле верхний, основной и нижний колонтитулы.

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

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

Увеличитель изображений DP

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

Ползунок DP Team

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

Сетка отзывов DP

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

Хронология DP

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

Это финиковое дерево. Я добавил изображения и настроил макет для отображения содержимого справа от дерева.

Купить Divi Plus

Divi Plus доступен для покупки на Divi Marketplace. Он имеет неограниченное использование веб-сайта и один год поддержки и обновлений. Он также включает 20 полностраничных макетов и 200 стилизованных разделов. Обычная цена 79 долларов.

Конечные мысли

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

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

Лучшее изображение через Sky vectors / shutterstock.com