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

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

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

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

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

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

Зацикливаться на что угодно

Перво -наперво: что такое строитель петли? Проще говоря, это инструмент, который позволяет отображать цикл контента из базы данных вашего веб -сайта (например, посты, продукты, категории и авторы) и настраивать дизайн каждого элемента в цикле.

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

1. Во -первых, создайте шаблон для петлевых предметов, используя элементы Divi и настройки дизайна.
2. Затем настройте запрос, который управляет содержимым в цикле (количество постов, тип поста, категория и т. Д.).
3. Наконец, подключите динамический контент из цикла к своему шаблону (заголовок Post, изображение, выдержка и т. Д.).

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

Пример № 1: Пользовательский канал блога

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

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

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

Пример № 2: избранные продукты WooCommerce

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

Я настроил запрос, чтобы показать конкретные продукты, которые я хотел представлен.

Пример № 3: Календарь событий

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

Вы также можете нажать на любое пользовательское поле (Post Meta) для любого типа поста. В этом случае я мог бы использовать поля цены и даты событий.

Пример № 4: Слайдер курса LMS

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

Слайд петля в приведенном ниже видео отображает курсы от LMS -репетитора.

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

Пример № 5: Страница категории WooCommerce

Вы также можете пройти через термины и пользователей.

В этом примере я создал страницу продукта верхнего уровня, которая проходит через все категории продуктов WooCommerce.

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

Пример № 6: Авторы блога

В примере видео ниже я сделал страницу с участием всех авторов нашего блога.

Он проходит через всех пользователей с роли автора и отображает свое имя, аватар и био.

Изучение вариантов цикла запроса

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

• Тип запроса - выберите то, что вы хотели бы зацикнуть, будь то сообщения, термины или пользователи.
• Тип публикации - если вы зацикляете посты, вы можете выбрать, какой тип пост для цикла, например, сообщения в блоге, продукты WooCommerce, Divi Projects и т. Д.
• Условия - если вы зацикливаете термины, вы можете выбрать, какой термин для цикла, например, категории и теги.
• Пользователи - если вы зацикливаете пользователей, вы можете выбрать, какую роль пользователей для цикла, например, авторы или участники.
• Включите сообщения с конкретными терминами - если вы зацикливаете сообщения, вы можете выбрать цикл только по сообщениям из определенных категорий и тегов.
• Исключите сообщения с конкретными терминами - вы также можете исключить посты из конкретных категорий и тегов из вашего цикла.
• Включите конкретные посты - если вы зацикливаете сообщения, вы можете включить только конкретные сообщения в свой цикл, что отлично подходит для постов в блоге или продуктов.
• Исключите конкретные сообщения - вы также можете исключить конкретные сообщения из вашей петли.
• Заказ от - закажите свои петлевые предметы, восходящими или спускающимися.
• Сообщения на страницу - выберите, сколько петли должны отображаться на каждой странице.
• Офте публикуйте - отображайте только все элементы N. Это позволяет вам создавать несколько петель через один и тот же запрос, каждый с уникальным набором постов и дизайна.
• Meta Query - создайте пользовательские запросы для фильтрации вашей петли с помощью любого пост -мета -ключа.
  • Мета -ключ - мета -ключ в таблице post_meta.
  • Значение мета - значение элемента с конкретным мета -ключом.
  • Сравните - как только вы запрашиваете конкретный мета -ключ, вы можете выбрать, как сравнить значение, чтобы повлиять на запрос (равен, больше, чем и т. Д.).
  • Тип - тип сравниваемого значения, например, число, дата, время и т. Д.

Пользовательский поле и поддержка типа пост

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

Поддержка передовых пользовательских полей (ACF)

Builder's Divi Builder поддерживает пользовательские поля, созданные с использованием расширенных пользовательских полей (ACF). При выборе пользовательского поля вы найдете все поля ACF вверху, которые помечены с соответствующими именами поля.

Поддержка полей Repeater ACF

Builder's Divi также поддерживает поля Repeater ACF. Если вы использовали ACF для создания цикла запроса, вы можете выбрать его из меню типа запроса, и все станет на свои места.

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

Строитель Loop для Divi 5 доступен сегодня, и это одна из многих функций в Divi в этом году.

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

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

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

Вы пробовали Flexbox?

Если вы пропустили его, мы недавно выпустили совершенно новую систему макетов на основе Flexbox для Divi 5.

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

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

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

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

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

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