Использование модуля блога против строителя петли Divi 5

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

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

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

Мини Глоссарий

Это короткий набор терминов для начинающих, которые являются новичками в концепции концепции строителя цикла:

• Пользовательский тип сообщения (CPT): пользовательский тип контента, такой как продукты или курсы. Он ведет себя как посты, но может иметь свои уникальные поля.
• Пользовательское поле: поле, которое вы добавляете в сообщение, страницу или CPT. Примеры для меню питания могут включать цену, рейтинг, декларации глютена/аллергии и уровни пряности.
• Поле повторителя: поле, в котором хранится список предметов внутри отдельных сообщений. Подумайте о суб-списках, которые могут быть действительными для пользовательского элемента контента.
• Полевые плагины: ACF - это обычный выбор, но также работают стручки , мета -ящик , ACPT и инструмент .

Если вы заблудитесь в некоторых деталях, обратитесь к этому глоссарию. Но мы сделаем все простым для вас на этом пути.

Отображение простых каналов пост и типа пост с модулем блога

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

Подумайте о том, как работают посты в блоге в WordPress. Каждое сообщение делится определенными общими элементами, которые делают его узнаваемым в качестве контента блога. Эти общие характеристики включают в себя:

1. 1. Название сообщения
   2. Показанное изображение
   3. Опубликовать контент
   4. URL Slug
   5. Автор
   6. Категории
   7. и еще

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

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

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

Пользовательские типы публикаций: ограниченный, но функциональный

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

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

• Название отображается на заголовок.
• Выстрел в голову/аватар карты на изображение.
• Биографические карты в контент.

Модуль блога с легкостью обрабатывает эту ситуацию.

Пользовательские поля

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

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

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

Управление макетом также слегка ограничено; Модуль упаковывает элементы внутри фиксированной структуры в фиксированном порядке. Вы не можете переупорядочить заголовок и изображение, если вы не используете пользовательские CSS. Вы можете управлять расположением каждой блог -карты через Flexbox или Block, но детские предметы (карты) не имеют настройки размеров для управления Diks Flexbox (например, Sharink, чтобы соответствовать или расти для заполнения).

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

Пользовательские типы публикаций + пользовательские поля с использованием контурного строителя

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

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

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

Строитель петли - это не один модуль. Это контейнер с выбранными модулями внутри него. Когда контейнер устанавливается для «цикла», он повторяется для каждого соответствующего результата. Внутри контейнера вы можете разместить модули изображения, заголовка, текста и кнопок.

Вы связываете содержание каждого из этих модулей с правильным токеном. Пользовательский интерфейс Divi делает это довольно простым. Изображение указывает на изображение. Заголовок указывает на заголовок. Кнопки ссылки на URL -адрес post.

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

Примеры с пользовательскими типами публикаций и пользовательскими полями

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

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

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

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

Все эти разговоры о CPT, как вы делаете это? Усовершенствованные пользовательские поля (ACF) -это выбор здесь. Стручки, мета -коробку, ACPT и набор инструментов также создают поля, которые можно читать застройщика. Используйте то, что соответствует вашему бюджету, опыту и стеку.

Примечание для сайтов недвижимости : вы захотите использовать выделенный плагин, который вытаскивает списки из IDX в WordPress в качестве CPT. Таким образом, у вас есть свежие данные и минимальная ручная работа (никто не хочет вручную вводить свойства каждое утро).

Flexbox для пользовательских макетов

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

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

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

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

Выбор правильного инструмента для вашего проекта

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

Когда модуль блога идеален

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

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

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

Когда строитель петли становится важным

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

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

Создайте свой собственный макет модуля блога с Divi 5

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

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

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