Как использовать блок цикла запросов WordPress

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

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

Что такое блок цикла запросов WordPress?

Блок Query Loop — один из самых продвинутых блоков темы WordPress, доступных в новом редакторе сайта. Он был добавлен в ядро ​​WordPress в версии 5.8 и представляет собой более сложную версию блока последних сообщений. Это позволяет любому визуально построить блок, который динамически извлекает и отображает содержимое публикации на странице или в шаблоне. Блок цикла запросов также не ограничивается отображением сообщений в блоге. Вы можете использовать его для извлечения контента из любого пользовательского типа сообщений, который у вас может быть. Вы даже можете использовать его с блоками WooCommerce для отображения продуктов.

Что такое «запросы» и «циклы»?

В терминологии WordPress «Цикл» — это способ отображения схожей информации при повторении. Таким образом, цикл сообщений в блоге представляет собой серию сообщений в блоге с общими атрибутами, такими как название блога, избранное изображение, имя автора, дата публикации и краткое описание. Цикл извлекает эти данные из сообщений (или любого типа сообщений) и помещает их в цикл. Затем цикл отображает сообщения для посетителей сайта.

Запросный аспект «цикла запросов» означает, что пользователь может запрашивать или приказывать определенную информацию для включения в цикл. Таким образом, блок цикла запросов может извлекать и отображать все сообщения или сообщения определенных категорий — и это лишь несколько вариантов. Это позволяет кому-то показывать сообщения в «Категории А», а не сообщения из Категории B или C.

Блоки цикла запросов могут отображать:

• Сообщения в блоге
• Страницы сайта
• Продукты WooCommerce
• Другие пользовательские типы сообщений

Любые типы постов подходят для отображения в динамическом цикле.

Вложенные блоки цикла запроса

Есть два непосредственных «вложенных блока», которые принадлежат блоку цикла запроса:

• Блок шаблона сообщения — содержит дополнительные вложенные блоки, которые отображают метаданные сообщения (название, избранное изображение, автор и т. д.).
• Блок разбивки на страницы — позволяет сообщениям перетекать на страницы, чтобы отображалось больше

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

Как добавить блок цикла запросов в индексный шаблон WordPress

В этом примере мы используем тему WordPress по умолчанию «Twenty Twenty-two». Это была первая тема по умолчанию, которая включала редактирование через редактор сайта (ранее называвшийся «Полный редактор сайта»).

Мы рассмотрим, как добавить блок цикла запросов WordPress в шаблон в редакторе сайта. Чтобы попасть туда, сначала наведите курсор на «Внешний вид», а затем нажмите «Редактор».

Затем щелкните значок в левом верхнем углу, чтобы открыть раскрывающееся меню. В этом меню нажмите «Шаблоны».

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

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

Чтобы добавить новый блок цикла запросов, щелкните значок «(+)». Прокрутите вниз до блоков «Тема» или введите «Цикл запроса» в строку поиска. Перетащите блок Query Loop в редактор сайта.

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

Существует четыре варианта по умолчанию для применения к циклу запросов. В этом примере щелкните вариант «Название и дата».

Это создаст цикл запросов с вариантом «Название и дата».

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

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

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

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

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

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

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

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

Далее на панели инструментов находится кнопка «Заменить». Это дает возможность удалить шаблон блока цикла запроса и заменить его другим шаблоном.

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

Боковая панель настроек блока цикла запроса

Блок цикла запросов имеет дополнительные настройки на боковой панели «Дополнительные настройки». Чтобы открыть боковую панель, щелкните параметр «Показать дополнительные настройки», расположенный на панели инструментов, или щелкните значок «Шестеренка» в правом верхнем углу, когда выбран блок цикла запросов.

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

Параметры макета

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

Настройки запроса

Когда запрос «Настройки» не переключается (серый), вы можете точно выбрать, что запрашивать. Первый вариант — «Сообщения», которые могут быть страницами, сообщениями или пользовательскими типами сообщений. Затем пользователи могут выбирать между порядком возрастания или убывания даты публикации или в алфавитном порядке. Наконец, есть возможность включить или исключить из запроса прикрепленные записи.

Переключение «Настройки» (синий) устанавливает блок цикла запроса для наследования запроса из шаблона, используемого шаблоном.

Фильтры запросов

Затем с помощью запроса «Фильтры» пользователи могут дополнительно настроить запрос, отфильтровав сообщения по:

• Категории сообщений — список категорий, разделенных запятыми.
• Почтовый тег — список тегов, разделенных запятыми.
• Post Author – Выпадающий список авторов
• Post Keyword — введите список ключевых слов для фильтрации.

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

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

• Цвет текста
• Фоновый цвет
• Цвет ссылки

Расширенные настройки включают в себя возможность добавить класс CSS в блок циклов запросов WordPress и/или назначить блоку HTML-элемент.

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

Советы и рекомендации по использованию блока цикла запросов в WordPress

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

Установка глобальных стилей для циклов запросов и вложенных блоков

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

В настоящее время в теме 2022 блок цикла запросов позволяет добавлять глобальные стили для цвета текста, фона и цветов ссылок. Чтобы перейти к редактору глобальных стилей, щелкните значок «Глобальные стили» (наполовину закрашенный кружок), выберите «Блоки» и найдите блок цикла запроса.

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

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

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

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

Для второго/нижнего блока цикла запроса установите для него значение «Просмотр сетки». Он должен отображать несколько сообщений в столбцах и установить для параметра «Смещение» значение 1. Смещение, равное 1, пропустит первое сообщение запроса. Это желательно, так как приведенный выше цикл запроса содержит избранный пост.

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

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

Использование модуля блога Divi: альтернатива блоку цикла запросов с дополнительными параметрами дизайна

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

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

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

Часто задаваемые вопросы о циклах запросов

Отвечая на некоторые из наиболее часто задаваемых вопросов о блоке циклов запросов WordPress.

В чем разница между блоком цикла запросов и блоком последних сообщений?

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

Требуются ли для блока цикла запроса знания кодирования?

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

Где я могу использовать блок цикла запросов?

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

Вы использовали блок цикла запросов на своем сайте WordPress? Какие открытия вы сделали? Дайте нам знать в комментариях ниже.

Избранное изображение Дмитрия Кострова / Shutterstock.com