Особенности плагина Divi: боевой костюм для Divi

Battle Suit for Divi - это сторонний плагин, который предоставляет набор модулей Divi Builder, расширений Divi, настроек, виджетов WordPress и т. Д., Которые добавляют новые функции в Divi. Это модульная система с широкими возможностями расширения. Сам плагин бесплатный, и его можно расширить с помощью множества бесплатных и премиальных надстроек.

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

Боевой костюм для Диви

Установите и активируйте боевой костюм для Divi. В меню приборной панели добавлен новый пункт под названием Divi Sensei Suit.

Нажав « Настройки», вы перейдете к параметру темы Divi. В параметры темы Divi добавлена ​​новая вкладка под названием « Боевой костюм» . Здесь вы можете включить функции и виджеты.

При выборе надстроек открывается экран с несколькими вариантами. Здесь вы можете приобрести премиум-надстройки. Toolset для Divi требует установки Toolset Views и Toolset Types . Для этого требуется премиум-версия Toolset. Я буду использовать все три из этих надстроек в этой подборке плагинов.

Загрузите и активируйте каждый плагин как обычно.

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

Боевой костюм для модулей Divi

В Divi Builder добавлено множество новых модулей. Модули включают ожидаемые вкладки и функции Content, Design и Advanced. На этом изображении показаны модули, которые поставляются с бесплатной версией Battle Suit for Divi. Бесплатные модули включают:

Другой пост - отображает контент из другого поста любого типа.

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

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

Макет библиотеки - позволяет вставлять макет из библиотеки Divi.

Masonry Gallery - новая галерея, которая показывает изображения в разном размере в макете кладки.

Кнопка публикации - это кнопка, которая ссылается на сообщение.

Отрывок сообщения - позволяет настроить и отобразить отрывок сообщения.

Опубликовать избранное изображение - отображает избранное изображение с настройками модуля Изображение.

Post Meta - отображает настраиваемую мета поста.

Заголовок сообщения - отображает заголовок сообщения с настраиваемым модулем.

Трансформируемое изображение - отображает трехмерное изображение с эффектами наведения.

Видео-лайтбокс - отображает видео в настраиваемом лайтбоксе.

Надстройки Premium добавляют еще больше модулей к Divi Builder. Изображение здесь включает в себя надстройки премиум-класса, которые я использую. Есть еще несколько доступных на сайте разработчика. Модули включают:

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

Материал рекламного сообщения - рекламное объявление с несколькими кнопками и вариантами высоты.

Контент публикации - отображает конкретный URL-адрес. При нажатии открывается ссылка.

Кнопка набора инструментов - добавляет кнопку для определенного поля набора инструментов и ссылку на конкретный URL-адрес.

Счетчик набора инструментов - это счетчик содержимого набора инструментов.

Галерея набора инструментов - отображает галерею для определенных полей набора инструментов.

Изображение набора инструментов - отображает изображение набора инструментов.

Таблица набора инструментов - отображает таблицу набора инструментов с параметрами макета и разделителя. Он включает в себя индивидуальные настройки элементов.

Текстовое поле набора инструментов - отображает текстовое поле набора инструментов.

Toolset View - отображает просмотры базы данных, созданные с помощью Toolset.

Боевой костюм для примеров дизайна материалов Divi

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

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

Для этого я снова скорректировал эффекты наведения. Я установил базовую высоту на 1, а высоту при наведении на 0. Я нахожу указатель мыши на материале справа.

Примеры боевого костюма для Divi Final Countdown

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

Это стиль блока с настройками по умолчанию.

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

Здесь используется блочный стиль. Я увеличил размер шрифта часов и изменил шрифты на Aladin, сделал их фиолетовыми и добавил им теневой эффект. Я добавил часам светло-серый фон, чтобы они почти не выделялись.

Боевой костюм для примеров набора инструментов Divi

Надстройка Toolset добавляет 7 модулей к Divi Builder. Требуется премиум-версия Toolset. Я обнаружил, что дополнения Battle Suit для Divi Toolset достаточно просты в использовании, но сам Toolset - это совсем другая история. Это ни в коем случае не интуитивно понятная платформа, и я не рекомендую ее начинающим пользователям WordPress.

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

Представления набора инструментов

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

Пропустите мастер цикла и выберите шаблон содержимого. Здесь вы можете выбрать Divi, который добавит Divi к параметрам шаблона. убедитесь, что шаблон Divi находится внутри тегов wpv-loop.

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

Создайте шаблон, используя модули Sensei. Опубликуйте шаблон и сохраните просмотр.

Оставьте редактор вывода пустым.

Добавьте модуль Sensei Toolset View на свою страницу или макет публикации. Выберите Просмотр из раскрывающегося списка на вкладке содержимого модуля.

Убедитесь, что вы не используете макет Toolset для страницы. Вы хотите, чтобы боевой костюм для Divi управлял раскладками, а не набором инструментов (по крайней мере, в этом случае).

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

Теперь я добавил модуль в макет Author. Я использую стиль шрифта из макета. Я также добавил к модулю тень блока.

Счетчик набора инструментов

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

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

Набор инструментов для виджета Divi WordPress

Battle Suit for Divi также добавляет новый виджет в WordPress под названием Blurb . Добавьте заголовок, изображение, URL-адрес и описание, чтобы создать интерактивное рекламное объявление для ваших боковых панелей.

Добавьте заголовок, изображение, URL-адрес ссылки и описание. Вы можете открыть его в новом окне, если хотите. Я добавил три виджета для создания ссылок на книги.

Я добавил боковую панель в раздел макета автора. Результат отлично смотрится с макетами Divi.

Боевой костюм для Divi Price

Battle Suite для Divi бесплатен и доступен в хранилище WordPress. Дополнения доступны из меню плагина. Цены на надстройки:

• Набор инструментов для Divi - 19 долларов
• Материальный дизайн - 9,99 долларов США.
• Последний обратный отсчет - 9,99 $

Более подробная информация доступна на сайте разработчика.

Боевой костюм для Divi Документация и поддержка

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

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

Battle Suit for Divi - интересный плагин, который многое добавляет в Divi Builder. Даже бесплатная версия добавляет много, но вы можете расширить ее, добавив премиум-надстройки. Вы можете выбрать именно те надстройки, которые вам нужны, что сделает эту систему модульной.

У меня не было проблем с большинством модулей и надстроек, но я хотел бы увидеть на веб-сайте разработчика несколько примеров того, как их использовать. Особенно хотелось бы увидеть примеры надстройки Toolset. Это единственное дополнение, которое доставляло мне проблемы.

Если вы заинтересованы в добавлении множества новых модулей в Divi Builder, чтобы упростить разработку, то я настоятельно рекомендую взглянуть на Battle Suit для Divi.

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

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