Руководства/Редактирование сайта/Шаблоны/Изменение внешнего вида блока «Цикл запроса»

Изменение внешнего вида блока «Цикл запроса»

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

Выбор макета в блоке «Цикл запроса»

В блоке «Цикл запроса» можно выбрать один из вариантов оформления записей (или других типов контента), выполнив следующие действия:

  1. На консоли сайта перейдите в раздел Внешний вид → Редактор.
  2. Выберите шаблон, который нужно отредактировать, или щёлкните по миниатюре предварительного просмотра сайта, чтобы редактировать главную страницу.
  3. Выберите блок «Цикл запроса» в представлении в виде списка.
  4. На панели инструментов, которая появится над или под блоком, нажмите кнопку «Изменить дизайн».
  5. Просмотрите набор готовых макетов и выберите тот, что вам по вкусу, чтобы применить его.
  6. Затем можно дополнительно настроить макет, выполнив действия, описанные в следующих разделах этого руководства.

Как настроить шаблон записи

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

Настройка элементов записи

В шаблоне записи можно задать способ отображения следующих элементов записи:

  • Заголовок: отображение заголовка каждой опубликованной единицы вашего контента.
  • Дата: отображение даты публикации каждой единицы контента.
  • Дата изменения: отображение даты последнего редактирования записи. 
  • Контент: отображение всего контента каждой опубликованной записи.
  • Отрывок: отображение краткого отрывка каждой из опубликованных единиц контента и настройка текста ссылки «Читать далее».
  • Избранное изображение: отображение заданного вами избранного изображения контента.
  • Рубрики: отображение заданных вами рубрик опубликованного контента.
  • Метки: отображение заданных вами меток контента.
  • Постраничная навигация: отображение ссылок на предыдущую и следующую записи.
  • Автор: отображение таких сведений об авторе записи, как имя, аватар и данные профиля.
  • Всего запросов: отображение общего количества результатов запроса.
  • Нет результатов: добавление текста или блоков, которые будут отображаться, если запрос не даёт результатов.

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

В развёрнутом представлении в виде списка отображаются различные блоки в цикле запроса.
В представлении в виде списка отображаются элементы шаблона записи

Многие из перечисленных ранее элементов содержат уникальные настройки, которые имеются на боковой панели настроек блока. Например, можно выбрать блок Дата, чтобы перейти к настройкам, которые управляют форматом даты, и добавить ссылку на дату ранее даты записи. Чаще всего в блоках также имеются стандартные настройки: Цвет, Типографика, Размеры и Дополнительные настройки.

Выбор макета в виде списка или сетки.

В шаблоне записи можно настроить отображение контента в формате списка или сетки.

  1. Выберите шаблон записи в представлении в виде списка, которое вложено в блок «Цикл запроса».
  2. На панели инструментов, которая появляется над или под блоком, выберите значок списка или сетки .
  3. Нажмите кнопку «Сохранить».
Шаблон записи выбран в представлении в виде списка. Стрелка указывает на значки «Список» и «Сетка» на панели инструментов.

Вставка постраничной навигации в блок «Цикл запроса»

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

  1. В представлении в виде списка разверните блок «Цикл запроса» и выберите «Шаблон записи».
Шаблон записи выбран в блоке «Цикл запроса».
Блок «Шаблон записи», отображаемый в представлении в виде списка
  1. Нажмите на многоточие (три точки) рядом с блоком «Шаблон записи» и выберите «Добавить после».
  2. Нажмите значок «+» инструмента вставки блоков и выполните поиск по запросу Pagination. Нажмите и добавьте блок «Постраничная навигация» в шаблон записи, чтобы он отображался после шаблона записи:
В блоке «Цикл запроса» выбран блок «Постраничная навигация».
  1. Настройте параметры на боковой панели, как вам нужно. В том числе вы можете настроить ориентацию, цвет и отображение символа стрелки или шеврона в качестве ссылки постраничной навигации.
  2. Нажмите кнопку «Сохранить» для применения изменений.

Как настроить ширину блока «Цикл запроса»

Можно настроить ширину элементов в блоке «Цикл запроса».

  1. На консоли сайта перейдите в раздел Внешний вид → Редактор.
  2. Выберите шаблон, который нужно отредактировать, или щёлкните по миниатюре предварительного просмотра сайта, чтобы редактировать главную страницу.
  3. Откройте представление в виде списка и выберите блок «Цикл запроса».
  4. Просмотрите настройки блока на правой боковой панели. Если боковая панель не отображается, то, чтобы открыть настройки, нужно нажать значок Настройки в правом верхнем углу экрана. Этот значок похож на квадрат, разделённый на две неравные колонки:
Значок настроек в редакторе со всплывающей подсказкой «Настройки» под ним.
Щёлкните значок «Настройки», чтобы открыть настройки блока.
  1. Переключите параметр «Внутренние блоки по ширине контента» в позицию ВКЛ.
  2. В поле «Ширина контента» задайте произвольное значение стандартной ширины контента в пикселях (или выберите другие единицы, например проценты или em).
  3. Задайте произвольное значение ширины контента, которое будет применяться к блокам, в настройках которых установлено значение «Широкий».
  4. В разделе «Выравнивание» задайте выравнивание контента в блоке «Цикл запроса» по левому краю страницы, по центру или по правому краю.
  5. Нажмите кнопку «Сохранить» для сохранения изменений.
В настройках макета блока «Цикл запроса» отображается включённый параметр «Внутренние блоки по ширине контента».
Copied to clipboard!