Все, что вам нужно знать о строительном строителе Divi 5

Опубликовано: 2025-08-12

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

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

Оглавление
  • 1 Что такое строитель петли Divi 5?
    • 1.1 Ключевые особенности конструкции петли
  • 2 Как работает строитель петли
    • 2.1 Понимание настроек конструкции Divi 5
  • 3 Создание петли в Divi 5 (сетка в блоге)
    • 3.1 Добавить новый 3-колонный ряд
    • 3.2 Включить петлю на столбце
    • 3.3 упаковка с макетом ряда
    • 3.4 Добавить контент петли
    • 3.5 Использование настраиваемых полей цикла
    • 3.6 Divi 5 поддерживает поля Repeater ACF
    • 3.7 Пользовательские и термины петли
  • 4 Преимущества использования конструктора Divi 5
  • 5 Создание динамических сайтов с помощью конструкции Divi 5

Что такое строитель петли Divi 5?

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

Подписаться на наш канал на YouTube

Преимущество Divi 5 Loop Builder заключается в его свободе. Вы можете разработать сложные макеты с пользовательскими запросами и стиль их с полным набором инструментов дизайна Divi. Это означает, что вы можете создать все, от гладких каналов блога до динамических сетей продуктов с полным управлением, все в пределах неверного интерфейса перетаскивания, перетаскивания

Ключевые особенности контурного строителя

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

1. Гибкое создание петли

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

2. Пользовательские параметры запроса

Loop Builder ставит вас в контроль над тем, какой контент отобразить. Вы можете настраивать циклы по типу сообщения, категории, количеству сообщений или расширенных мета -запросов. Он полностью поддерживает пользовательские типы публикаций (CPT), такие как продукты WOO, события или контент, отфильтрованные автором. Это означает, что вы можете создавать петли практически для любого типа контента на вашем сайте, без написания кода или использования сторонних плагинов.

3. Динамическая интеграция контента

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

4. Дизайн свободы

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

Как работает строитель петли

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

Понимание настроек конструкции Divi 5

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

Тип запроса

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

Divi 5 Loop Builder

Тип сообщения

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

Divi 5 Loop Builder

Условия

При выборе терминов в качестве типа запроса эта настройка позволяет выбирать, какие конкретные категории или теги вы хотите зацикнуть. Например, это могут быть теги, форматы, категории проектов, теги проекта или пользовательский термин таксономии.

Divi 5 Loop Builder

Пользователи

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

Divi 5 Loop Builder

Включите сообщения с конкретным термином

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

Divi 5 Loop Builder

Исключить сообщения с конкретными терминами

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

Divi 5 Loop Builder

Включите конкретные сообщения

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

Divi 5 Loop Builder

Исключить конкретные сообщения

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

Divi 5 Loop Builder

Заказ за

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

Divi 5 Loop Builder

Сообщения за страницу

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

Divi 5 Loop Builder

Постепенно смещение

Эта настройка позволяет вам пропустить несколько элементов с начала результата запроса. Офтет Post невероятно полезен для создания уникальных макетов. Например, у вас может быть один большой пост вверху (используя отдельный модуль), а затем цикл, который отображает остальные ваши посты, начиная со второго.

Divi 5 Loop Builder

Мета -запрос

Meta Query - это настройка, где строитель петли становится мощным для пользовательского контента. Это позволяет вам фильтровать ваш контент на основе пользовательских полей, которые вы добавили в свои сообщения, термины или пользователей.

Divi 5 Loop Builder

Мета -ключ

Мета -ключ является уникальным идентификатором для пользовательских данных, связанных с вашим контентом. Эти данные хранятся в таблице post_meta в вашей базе данных WordPress.

Divi 5 Loop Builder

Мета -стоимость

Значение мета - это конкретное значение, которое вы ищете в поле мета -ключей.

Divi 5 Loop Builder

Сравнивать

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

Divi 5 Loop Builder

Тип

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

Divi 5 Loop Builder

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

Создание петли в Divi 5 (сетка в блоге)

Добавить новый 3-колонный ряд

Начните с добавления строки с тремя столбцами на страницу в визуальном строителе.

Divi 5 Loop Builder

Стиль первого столбца, добавив радиус границы 15PX, накладку 25PX со всех сторон и 1PX Solid #000000.

Включить цикл на столбце

Затем включите переключение элемента петли в настройках контента первого столбца.

Divi 5 Loop Builder

Схема строки упаковка

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

Divi 5 Loop Builder

Вы можете отрегулировать горизонтальный зазор между элементами петли под макетом> горизонтальный зазор.

Divi 5 Loop Builder

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

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

Щелкните значок динамического контента в настройках модуля изображения. Далее выберите Loop Felected Image из доступных параметров.

Divi 5 Loop Builder

Выберите размер миниатюры в раскрывающемся меню и нажмите «Применить» .

Divi 5 Loop Builder

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

Divi 5 Loop Builder

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

Divi 5 Loop Builder

Наконец, мы добавим еще один текстовый модуль для отрывка Post. После добавления нажмите значок динамического содержимого и выберите «Выдержка» .

Divi 5 Loop Builder

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

Divi 5 Loop Builder

Использование настраиваемых полей петли

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

В визуальном строителе выберите «Тип пост» в качестве типа запроса и книги в качестве типа поста.

Divi 5 Loop Builder

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

Divi 5 Loop Builder

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

Divi 5 Loop Builder

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

Divi 5 поддерживает поля ретранслятора ACF

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

Divi 5 Loop Builder

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

Divi 5 Loop Builder

Пользовательские и термины петли

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

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

Divi 5 Loop Builder

Независимо от того, хотите ли вы зацикливаться на сообщениях, проектах, категориях или авторах, Loop Builder может обрабатывать различные типы контента, выходящие за рамки постов, предлагая бесконечные творческие возможности.

Преимущества использования строителя петли Divi 5

Builder Divi 5 - это не просто особенность. Это преобразующий инструмент, который позволяет легко создавать динамические макеты. Вот ключевые преимущества, которые делают его обязательным для пользователей Divi:

  • Гибкость: Loop Builder предлагает творческую свободу, позволяя вам зацикливать любой тип контента, используя любой элемент Divi, от рядов до ползунков. В отличие от модулей, которые блокируют вас в предопределенные макеты, Loop Builder дает вам полный контроль дизайна, обеспечивая уникальные макеты, не жертвуя творчеством.
  • Эффективность: Увеличьте свой рабочий процесс с помощью многоразовых шаблонов цикла, построенных непосредственно в визуальном строителе. Создайте один шаблон, настраивайте его запрос и стиль и примените его на нескольких страницах или типах постов.
  • Нативная интеграция: Cool Builder встроен в Divi 5, предлагая бесшовное, собственное решение для комплексных дисплеев содержимого.
  • Усовершенствованная поддержка CPT: Builder Lo

Создание динамических сайтов с помощью конструкции Divi 5

Строитель Loop в Divi 5 дает возможность пользователям Divi создавать гибкие динамические циклы контента для любого типа поста или таксономии, от постов в блоге и продуктов WOO до пользовательских типов публикаций. Он может преобразовать любой элемент Divi в настраиваемую цикл, плавно интегрируется с пользовательскими плагинами типа Post Post, такими как ACF, и дает пользователям полное управление проектированием в визуальном строителе. Строитель петли переопределяет, как отображается динамический контент.

Мы призываем вас погрузиться в строитель петли, загрузив Divi 5 и обнаружив, как он может поднять, как вы создаете веб -сайты с помощью Divi!

Скачать Divi 5learn Подробнее о Divi 5