Использование блока цикла запросов в WordPress — OSTtraining

В WordPress 5.8 они выпустили новую функцию под названием Блок цикла запросов. Если не смотрели, то посмотреть однозначно стоит! Вы можете прочитать этот пост в блоге или посмотреть видео внизу!

Таким образом, блок Query Loop, по сути, напишет для вас небольшой цикл PHP без необходимости писать какой-либо код. Теперь это похоже на блок Latest Post, но он намного мощнее и может делать гораздо больше, поэтому давайте углубимся и посмотрим. Для скриншотов у нас есть демонстрационный сайт WordPress с некоторой информацией, которую мы можем использовать.

На главной странице у нас есть статьи блога, поэтому наши сообщения здесь, на главной странице. Я хочу отметить, что этот самый верхний пост — липкий, и позже я объясню, почему это важно. Затем у нас есть две страницы: одна посвящена одному из наших авторов «Робби», а другая — «Багусу», другому нашему автору.

Итак, у нас есть два автора для этих сообщений в блоге. Что мы хотим сделать, так это показать на этих страницах все блоги, которые написал автор. Мы можем сделать это с блоком Query Loop!

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

Вы увидите в бэкенде, что есть также липкая запись, написанная «Робби Адэром».

Затем, когда мы смотрим на страницы, у нас есть две страницы. Итак, у нас есть две страницы «О ошибках» и «О Робби».

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

Ниже вы увидите несколько паттернов, но я просто помещу блок Query Loop внизу своей статьи.

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

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

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

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

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

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

Примечание . Мы можем сказать, что нам не нужна эта прилепленная запись, и исключить ее.

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

Теперь мы собираемся отредактировать страницу «О ошибках» и добавить блок цикла запроса.

Мы собираемся снова добавить блок Query Loop, только на этот раз мы собираемся выбрать, что мы хотим начать пустым. Когда вы начнете пусто, вы увидите, что вы получаете здесь некоторую основную информацию. Нам нужна опция «название и дата».

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

Последнее, что я хочу вам показать, это то, что когда вы делаете их сами с нуля, вы все еще можете добавлять элементы. Таким образом, вы можете сказать: «Ну, с изображением это выглядело лучше». Угадайте, что? Если мы посмотрим на наш навигатор структуры, это даст вам лучшее представление о том, что блок цикла запроса уже содержит два блока: Заголовок публикации и Дата публикации.

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

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

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

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