Как добавить похожие сообщения из категории в тему GeneratePress? –

GeneratePress — это легкая тема, которая помогает создавать быстро загружающиеся веб-сайты. Однако проблема возникает, когда вы хотите добавить дополнительные функции, такие как отображение связанных сообщений под содержимым сообщения. Раньше вы могли использовать WP Posts или любые другие плагины для публикаций, доступные в бесплатном репозитории плагинов. Хотя эти плагины работают без сбоев, они имеют ограниченные возможности настройки и влияют на скорость загрузки страниц. Плюсом является то, что теперь вы можете добавлять настраиваемый раздел связанных сообщений в тему GeneratePress с помощью плагина GenerateBlocks, не влияя на скорость страницы.

Что вам нужно?

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

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

СоздатьPress Theme

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

Пример связанных сообщений для темы GeneratePress

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

Я вставлю раздел связанных сообщений прямо над контейнером комментариев, как показано ниже.

Пример раздела похожих сообщений в теме GeneratePress

1. Активируйте элементы в GP Premium

После установки и активации плагина GP Premium перейдите в раздел «Внешний вид > GeneratePress». Сначала обязательно введите лицензионный ключ и активируйте покупку. После этого прокрутите вниз раздел «Модули» и нажмите кнопку «Активировать» напротив модуля «Элементы».

Активируйте модуль Elements в GP Premium

2. Создайте элемент «Связанные сообщения».

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

Добавить новый элемент

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

Выберите тип блочного элемента

3. Добавление блоков к элементу «Связанные записи»

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

Просмотр имени и списка

• Сначала добавьте блок «Контейнер».
• Внутри контейнера добавьте заголовок и назовите его «Статьи по теме» или как угодно. Измените заголовок на H3 или H4 в соответствии с вашими потребностями.
• Под заголовком добавьте блок «Цикл запроса» и выберите параметр «Два столбца и избранное изображение».

Две колонки и цикл избранных изображений

4. Настройка раздела похожих сообщений

• Это мгновенно отобразит предварительный просмотр списка сообщений и выберет блок «Шаблон сообщения» в разделе «Просмотр списка». Поскольку мы хотим отображать 4 сообщения в одной строке, выберите «Ширина элемента сетки» как 25% в разделе «Блок» на правой боковой панели.

Выберите шаблон сообщения из списка

• Нажмите на три вертикальные точки (параметры для этого блока), отображаемые напротив блока «Дата публикации» в виде списка, и выберите опцию «Удалить». аналогично удалите из списка блок «Опубликовать отрывок».

Удалить дату публикации и отрывок

• Выберите блок «Заголовок публикации» и выберите H4 в качестве уровня заголовка. Вы можете выбрать любой другой уровень по вашему желанию. Если вы хотите изменить размер шрифта, перейдите в раздел «Блок > Типография» на правой боковой панели и измените его в поле «Размер шрифта».

Выберите H4 для заголовка сообщения.

• Если вы хотите отображать связанные сообщения как отдельный контейнер, обязательно установите отступы/поля и цвет фона в разделе «Блок».

Отрегулируйте фон и интервал контейнера

4. Настройка количества сообщений и категории

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

• Выберите блок «Цикл запросов» в списке и измените значение «Сообщений на странице» на 4 на правой боковой панели.

Показать 4 сообщения

• Нажмите кнопку «Добавить параметр», щелкните раскрывающийся список «Выбрать параметр запроса» и выберите параметр «Таксономии».

Выберите таксономии в качестве параметра запроса

• Выберите «Категории» в качестве таксономии (при желании вы также можете выбрать «Теги»).

Показать сообщения из категории

• В раскрывающемся списке «Выбрать условия» выберите «Текущие условия публикации». Если у вас есть дочерние категории и вы хотите показывать публикации из них в связанных публикациях, включите кнопку «Включить дочерние термины».

Исключить текущее сообщение

5. Исключение текущего сообщения

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

• Нажмите кнопку «Добавить параметр» и выберите из списка опцию «Исключить сообщения».
• Теперь щелкните раскрывающийся список и выберите опцию «Исключить текущую публикацию».

Исключить текущее сообщение

6. Показ сообщений в случайном порядке

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

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

Похожие сообщения в случайном порядке

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

7. Настройка положения элемента связанных сообщений

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

• Перейдите на вкладку «Элементы» на правой боковой панели.
• Убедитесь, что в качестве типа элемента выбрано «Крюк».
• Выберите из списка имя хука «before_comments_container».
• Если у вас есть несколько перехватчиков, использующих одно и то же «Имя перехватчика», введите приоритет, чтобы изменить порядок раздела связанных сообщений (вы также должны соответствующим образом установить приоритет для других элементов).

Установить положение крючка

8. Настройка правил отображения

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

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

Добавить правила отображения

Вы можете использовать параметры «Исключить» и «Пользователи», чтобы скрыть связанные сообщения в любом конкретном разделе, сообщении или для роли пользователя.

9. Тестирование элемента «Связанные сообщения»

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

Раздел похожих постов в GeneratePress

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

Плагин GenerateBlocks

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

Примечание по кэшированию: Поскольку раздел связанных сообщений создается с помощью CSS, при использовании «Случайного» порядка могут возникнуть проблемы с плагинами кэширования на уровне страницы, такими как WP Rocket. Плагин кэширования загружает контент, как показано при первой загрузке страницы, и не может впоследствии изменить порядок, поскольку статический контент будет загружаться из кеша. Это может не быть проблемой при другом способе упорядочивания, поскольку очистка кэша будет периодически удалять и обновлять последний контент.

Заключительные слова

Хоть процесс и выглядит длительным, он прост и одноразовый. Более того, он дает вам полную гибкость выбора местоположения, количества сообщений, отображения сообщений из категории или тега, исключения текущего сообщения и изменения порядка. Если вам не хватает текущего термина и случайных параметров, обязательно установите/активируйте плагин GenerateBlocks Pro.