Выделение плагина Divi: DiviFlash

Опубликовано: 2023-04-10

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

Оглавление
  • 1 модуль DiviFlash
    • 1.1 Продвинутая реклама
    • 1.2 Продвинутая карусель
    • 1.3 Расширенный разделитель
    • 1.4 Расширенный заголовок
    • 1.5 Расширенный список
    • 1.6 Продвинутый человек
    • 1.7 Дополнительные вкладки
    • 1.8 До и после слайдера
    • 1.9 Панировочные сухари
    • 1.10 Часы работы
    • 1.11 Таблица данных
    • 1.12 Аккордеон изображений
    • 1.13 Карусель изображений
    • 1.14 Маска изображения
    • 1.15 Галерея упаковки
    • 1.16 Карусель постов
    • 1.17 Пост-сетка
    • 1.18 Прокрутка изображения
    • 1.19 Звездный рейтинг
    • 1.20 Таблица
    • 1.21 Карусель отзывов
  • 2 Настройки плагина DiviFlash
    • 2.1 Расширения DiviFlash
    • 2.2 Настройки расширения меню
    • 2.3 Настройки импорта/экспорта
  • 3 пакета макетов DiviFlash
  • 4 Где купить DiviFlash
  • 5 заключительных мыслей

Модули DiviFlash

DiviFlash добавляет более 40 новых модулей в Divi Builder. Некоторые из этих модулей по умолчанию отключены. Вы можете включать и отключать модули в меню «Модули DiviFlash» на панели управления WordPress.

Модули DiviFlash

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

Модули DiviFlash

Мы рассмотрим несколько модулей, чтобы увидеть, на что они способны.

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

DiviFlash Advanced Blurb позволяет отображать значок или изображение, заголовок, подзаголовок, содержимое, кнопку, значок с двумя линиями и параметр порядка элементов. Каждый элемент имеет независимые параметры Z-Index для размещения, стилей, границ, теней, интервалов и т. д.

Модули DiviFlash: Расширенный обзор

Продвинутая карусель

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

Модули DiviFlash: расширенная карусель

Расширенный разделитель

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

Расширенный заголовок

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

Модули DiviFlash: расширенный заголовок

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

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

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

Продвинутый человек

Модуль DiviFlash Advanced Person включает в себя изображение, имя, заголовок, описание и значки социальных сетей. Настройте цвет, интервал, границы, шрифты и т. д. для каждого элемента. Вы также можете индивидуально настроить цвет фона кнопок социальных сетей и цвет значков. Этот модуль включает в себя 3 стиля макета и параметры настройки для всех элементов модуля.

Модули DiviFlash: Люди

Дополнительные вкладки

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

Модули DiviFlash: дополнительные вкладки

До и после слайдера

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

Модули DiviFlash: до и после

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

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

Рабочие часы

Модуль «Рабочие часы» предоставляет множество способов настройки и оформления рабочих часов. Каждый день - это отдельный подмодуль. Стиль их вместе или независимо друг от друга. Установите часы как единое время или используйте отдельные параметры открытия, закрытия и разделителя.

Модули DiviFlash: Часы работы

Таблица данных

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

Модули DiviFlash: таблицы данных

Изображение Аккордеон

DiviFlash Image Accordion отображает изображения в контейнере аккордеона и показывает изображение полностью, когда пользователь щелкает или наводит курсор. Первое изображение занимает больше всего места в контейнере, а все остальные отображаются как фрагменты изображения. Выберите между горизонтальным или вертикальным аккордеоном, выберите его реакцию, анимируйте текст и многое другое.

Модули DiviFlash: Аккордеон изображений

Карусель изображений

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

Модули DiviFlash: Карусель изображений

Маска изображения

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

Модули DiviFlash: Маска изображения

Галерея упаковки

Галерея DiviFlash Packery отображает вашу галерею в одном из 10 различных макетов. Он изменяет размеры и переставляет изображения для каждого макета, чтобы создать разные размеры и стили для галереи. Одни однородны, другие нет. Это создает множество интересных галерей. Создайте отдельную галерею для компьютеров, планшетов и телефонов. Измените расстояние между изображениями, добавьте кнопку «Загрузить еще», выберите эффекты наведения, используйте лайтбокс и многое другое.

Модули DiviFlash: Галерея Packery

Почтовая карусель

DiviFlash Post Element Module — это конструктор постов для блога, который отображает посты в сетке. Он включает в себя 11 элементов из сообщений блога, которые вы можете выбрать для отображения. Вы можете добавлять элементы, которые хотите отобразить, в любом порядке. Отображение для сообщений включает изображение, заголовок, выдержку, имя автора, дату, кнопку «Подробнее», комментарии, разделитель и многое другое. Он также имеет параметры переполнения и работает как обычная карусель с параметрами ползунка.

Модули DiviFlash: карусель постов в блоге

Почтовая сетка

Модуль DiviFlash Post Grid работает аналогично Post Carousel в том смысле, что это конструктор карточек блога. Он использует те же элементы, но отображает карту в виде сетки или каменной кладки, а не ползунка.

Модули DiviFlash: Post Grid

Прокрутить изображение

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

Прокрутить изображение

Звездный рейтинг

Модуль «Звездный рейтинг» позволяет размещать звездные рейтинги в любом месте на вашей странице. Выберите между 5-звездочным и 10-звездочным рейтингом и установите значение рейтинга с помощью ползунка. Добавьте пользовательский значок, покажите номер рейтинга, включите один рейтинг, включите заголовок, добавьте контент и включите схему. Если вы включите номер рейтинга, вы можете показать номер со скобками или без них, а также показать номер с максимальной возможной оценкой или без нее. Вы также можете выбрать размещение справа или слева от значков. Если вы выберете один рейтинг, он будет отображать только один значок вместе с вашими номерами.

Звездный рейтинг

Стол

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

Модули DiviFlash: Таблица

Карусель отзывов

Модуль DiviFlash Testimonial Carousel создает отзывы в виде карточек и отображает их в слайдере. Добавьте столько, сколько хотите, и выберите между слайдами и Coverflow для типа карусели. Вы можете добавить звездочки, логотип компании и значок цитаты.

Модули DiviFlash: Карусель отзывов

Настройки плагина DiviFlash

Расширения включаются или отключаются в меню панели инструментов DiviFlash, которое находится на панели инструментов WordPress.

Расширения DiviFlash

DiviFlash имеет четыре расширения. Они включают загрузку файлов SVG и JSON, шорткод библиотеки Divi и поддержку ACF. Все это отличные расширения. Шорткод библиотеки Divi позволяет разместить полный макет Divi в любом месте, где можно разместить шорткод. Это открывает много возможностей для дизайна. Поддержка ACF объединяет расширенные настраиваемые поля.

Модули DiviFlash

Настройки расширения меню

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

Модули DiviFlash

Импорт/экспорт настроек

DiviFlash имеет функцию импорта/экспорта, так что вы можете легко повторно использовать свои дизайны и настройки.

Модули DiviFlash

Пакеты макетов DiviFlash

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

Модули DiviFlash

Где купить DiviFlash

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

Особенности продукта DiviFlash

Окончание мыслей

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

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