Особенности плагина Divi: Инструменты Divi Dream

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

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

Настройки Divi Dream Tools

Установите и активируйте плагин как обычно. В WordPress добавлен новый экран настроек. Экран настроек (находится в меню панели инструментов Divi> Настройки инструментов Divi Dream) включает несколько вкладок и настроек на каждой вкладке. Взгляните на каждую вкладку.

Общий

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

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

Прелоадер

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

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

Гамбургер Меню

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

Back to Top

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

Модули

Настройки модуля позволяют независимо отключать 13 модулей. По умолчанию они включены.

Настройщик тем Divi Dream Tools

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

Типы пользовательских сообщений Divi Dream Tools

Divi Dream Tools добавляет 5 настраиваемых типов сообщений с элементами меню и редакторами. Вы можете увидеть список всех элементов и категорий для каждого типа публикации в меню панели инструментов. Их можно отображать с помощью встроенных виджетов и модулей. Вот посмотрите на каждого из них.

Члены команды Divi Dream Tools

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

Отзывы о Divi Dream Tools

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

Вы можете увидеть все отзывы в меню.

События Divi Dream Tools

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

Divi Dream Tools Собственность

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

Вот список свойств, которые я создал в меню.

Агенты Divi Dream Tools

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

Виджеты Divi Dream Tools

Divi Dream Tools поставляется с пятью виджетами:

1. Почта
2. Слайдер свойств
3. Виджет собственности
4. Слайдер отзывов
5. Предстоящие События

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

Вот боковая панель, на которой показаны все виджеты.

Модули Divi Dream Tools

Divi Dream Tools имеет чуть менее 30 модулей. Вот некоторые из них. Я просто выбрал несколько наугад.

Просмотр слайдера сообщений

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

Просмотр списка агентов

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

Посты кладки

Модуль Posts Masonry View отображает несколько стилей. Это стиль 1, который отображает дизайн с несколькими макетами. Он включает в себя настраиваемые типы сообщений, разбивку на страницы, отображение автора и даты, а также настройки цвета разбивки на страницы. Это настройки по умолчанию.

Просмотр списка событий

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

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

Модуль Testimonial Grid View имеет пять вариантов стилей. Это вариант 2. Вы можете выбрать число, которое отображается в строке, количество отрывка, настроить значок, показать изображение, ссылку на страницу, установить равную высоту, выбрать категории, настроить цвета и т. Д. Это настройки по умолчанию.

Наклон изображения

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

Флип-бокс

Flip Box создает поле с текстом по обеим сторонам поля. Когда вы наводите на него курсор, коробка переворачивается, показывая заднюю часть. Вы можете установить цвета, значки, текст и изображения на лицевой и оборотной сторонах отдельно. Вы также можете добавить ссылку. На изображении выше я перевернул второй флип-бокс, а затем переместил курсор мыши на третий. Это отлично подходит для создания объявлений, призывов к действию, информации и т. Д.

Просмотр таблицы свойств

Это модуль просмотра таблицы свойств. Имеет три стиля. Это стиль 3. Я скорректировал цвета, чтобы они соответствовали макету Real Estate.

Он также отображает всплывающее окно с полноразмерным изображением. Всплывающее окно оформлено отдельно. Это всплывающее окно для стиля 3.

Вид сетки свойств

В модуле Property Grid View есть 3 стиля на выбор. Это стиль 1 с двумя столбцами. Вы можете настроить отображение всплывающего окна, разбивки на страницы и одинаковой высоты.

Это стиль 3. Я установил отображение 3 столбцов.

Ву Слайдер

Woo Slider отображает продукты WooCommerce и добавляет множество новых функций. Имеет три стиля. Каждый стиль отображает наложения по-разному и по-разному реагирует на наведение. Это стиль 1, который наклоняет изображение продукта и отображает кнопку покупки при наведении курсора. Вы можете установить количество столбцов, размер изображения, отображать всплывающее окно при нажатии и многое другое.

Во всплывающем окне отображается дополнительная информация о продукте. Это всплывающее окно стиля 3. Он меняет цвет кнопки при наведении. Он включает в себя кнопку закрытия.

Курс Divi Dream Tools

Для Divi Dream Tools есть два варианта лицензии:

• Один сайт - 99 $
• Безлимитные сайты - 199 долларов

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

Вы можете приобрести Divi Dream Tools на сайте издателя.

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

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

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

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

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