Новый модуль группы Carousel, модуль Lottie и многое другое!

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

Мы также добавили модуль Lottie для легких анимаций на основе JSON и модуль списка значков для легкого создания списка.

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

Проверьте следующее видео, чтобы увидеть новую функцию в действии.

Групповой модуль каруселей

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

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

Создать карусели на основе сообщений, терминов и пользователей

Builder Divi 5 Lop позволяет вам зацикливаться на группе внутри карусели, чтобы создать карусели на основе сообщений, терминов или пользователей. Это вытаскивает динамический контент с вашего сайта, чтобы автоматически заполнить каждый слайд.

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

Примеры карусели

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

Небо - предел!

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

Пример № 1: Постоянный ползунок полного экрана

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

Пример № 2: многослойная команда Carousel

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

Пример № 3: Целье на основе терминов

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

Пример № 4: Меню еды с творческими переходами

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

Lottie Module

Новый модуль Lottie позволяет легко добавить анимацию Lottie на ваш сайт и контролировать их анимацию и взаимодействия.

Анимации Lottie великолепны, потому что они основаны на JSON и SVG, что делает их легкими и идеальными. В Интернете есть много мест, где вы можете найти отличную анимацию и легко добавить их на свою страницу.

Модуль Lottie позволяет настроить скорость анимации, триггер, направление, цикл и многое другое.

️ ПРИМЕЧАНИЕ: WordPress Media Library не разрешает загрузку файлов JSON. Если вы хотите загрузить анимацию Mottie через библиотеку WordPress Media, вы можете использовать плагин, такой как типы загрузки файлов, чтобы включить загрузку JSON.

Модуль списка значков

Модуль «Список значков» - это простое дополнение, которое заполняет небольшую пустоту в самых основных модулях Divi. Это облегчает создание списков и назначение уникальных значков каждому элементу.

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

Попробуйте Divi 5 сегодня

Эти новые модули доступны для Divi 5 сегодня и являются одной из многих функций, которые появятся в Divi в этом году.

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

Как указано в оригинальном графике многофазного выпуска Divi 5, публичная альфа Divi 5 похожа на «Divi 5 Lite». В нем отсутствует несколько функций и может не подходить для существующих веб -сайтов, но он готов использовать на новых сайтах, если вы предпочитаете опыт Divi 4.

Мы хотим, чтобы вы попробовали это, и если вам это нравится, используйте его; Когда всем это нравится, мы сделаем это официальным.

Вы пробовали строитель Loop?

Если вы пропустили это, мы недавно выпустили совершенно новый строитель Loop для Divi 5.

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

Это невероятная особенность!

Посмотрите это видео для всех деталей.

Больше обновлений Divi 5 в пути

2025 год - год Divi 5 . Утомительная работа позади нас. Мы построили супер-фанат, и теперь пришло время для Диви, чтобы вернуться.

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

Не забудьте подписаться на нас на YouTube и подписаться на информационный бюллетень Divi, чтобы вы никогда не пропустили обновление. Увидимся в ближайшее время для другого объявления о функции Divi 5, которое, как я обещаю, будет прямо за углом.