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

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

Установка Divi Machine

Загрузите и активируйте плагин как обычно. Требуется либо бесплатная, либо профессиональная версия Advanced Custom Fields. Если он у вас не установлен, вы увидите сообщение об установке и ссылку для просмотра страницы плагина в репозитории WordPress. Установите его, и вы готовы к работе.

Настройки машины Divi

Вы найдете настройки в меню Divi Engine на панели инструментов WordPress. Настройки позволяют вам ввести лицензионный ключ, включить режим отладки, добавить собственный CSS и JavaScript, а также импортировать или экспортировать настройки. На вкладке «Получить справку» есть несколько видеороликов и ссылки на документацию.

Создание типа поста для машины Divi

На вкладке «Типы сообщений» перечислены созданные вами пользовательские типы сообщений и есть кнопка для добавления новых типов сообщений.

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

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

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

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

Создание групп полей в ACF

После того, как вы создали тип сообщения в Divi Machine, создайте группу полей для типа сообщения с расширенными настраиваемыми полями. На панели инструментов WordPress перейдите в Custom Fields и нажмите Add New .

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

Создайте каждое из полей со своими атрибутами.

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

Теперь, когда я добавляю новый дом с помощью типа записи «Дома», становятся доступны все поля. Создав сообщения, вы можете отображать их с помощью модулей Divi Machine.

Модули машин Divi

Divi Machine добавляет 15 новых модулей в Divi Builder. Модули включают:

1. Пункт ACF
2. Архивный цикл
3. Категория Loop
4. Фильтр сообщений
5. Галерея
6. Сортировать по
7. Пост карусель
8. Опубликовать контент
9. Сообщение Мета
10. Слайдер сообщения
11. Заголовок поста
12. Повторитель
13. Искать сообщения
14. Эскиз
15. Кнопка просмотра сообщений

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

Каждый из модулей включает стандартные функции Divi с вкладками Content, Design и Advanced. Они включают в себя параметры для выбора макетов, настройки цикла, параметры сетки, настройки элементов и многое другое. Ни один из модулей, имеющих эти вложенные элементы или дочерние элементы, не отображает содержимое в Visual Builder.

Для понимания некоторых настроек потребуется некоторое знание пользовательских типов сообщений и циклов. Новички могут сначала расстроиться, но предоставленные макеты очень помогают. Давайте посмотрим на несколько примеров страниц, созданных с помощью модулей Divi Machine.

Бесплатные пакеты макетов машины Divi

Издатель предоставляет несколько бесплатных пакетов макетов со страницами для Divi Builder и Divi Theme Builder. Их можно загрузить с веб-сайта издателя. В этой статье я буду использовать макеты агента по недвижимости.

Макеты Divi для типа сообщений Houses ориентированы на агентов по недвижимости. Они включают в себя сообщение не найдено, страницу с одним ресурсом и макет цикла.

Макеты тела Theme Builder для типа сообщений «Дома» включают в себя все дома, страницы категорий «Все дома» и страницу архива домов.

Когда вы загружаете макеты в Theme Builder, они автоматически назначаются вам.

Все дома

Макет All Houses был разработан для Theme Builder. Он использует объявления, текст, разделитель, контактную форму и множество модулей Divi Machine.

Все категории домов и страницы архива

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

Схема петли агентов по недвижимости

Вот макет Estate Loop. Он включает модули для заголовка сообщения, элемента AFC, миниатюры, мета сообщения и т. Д.

Одиночные свойства

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

Страница одного сообщения

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

Возможности Divi Machine AJAX

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

Фильтр сообщений

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

Каждый из элементов фильтра добавляется как подэлементы.

Кнопка "Загрузить еще"

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

Сортировать по

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

Галерея

Вы даже можете создать галерею, даже если бесплатная версия ACF не включает опцию галереи. Модуль «Галерея» позволяет создать сетку галереи или слайдер и выбрать тип галереи ACF.

Документация

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

Цена

Divi Machine можно приобрести у Divi Engine. Имеет несколько вариантов покупки:

Ежегодный

• 1 сайт £ 18
• 2-5 Сайтов £ 42
• Безлимитный £ 85

Продолжительность жизни

• 1 сайт £ 63
• Безлимитный £ 260

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

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

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

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

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