Превью-картинки для похожих статей в WordPress

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

Цель

Прежде чем начать, давайте посмотрим на результат.
Что мы получим:

Ну как выглядит? Хорошо? Тогда, давайте начнем.

YARPP плагин

Основой для этой статьи стал популярный плагин “Yet Another Related Post Plugin” или, для краткости, YARPP. Он просто идеален для генерации дополнительных просмотров страниц сайта той же тематики. Благодаря последнему обновлению плагина, стало возможно создавать свои собственные шаблоны для отображения результатов.

Устанавливаем плагин и активируем его.

Создаем шаблон для похожих статей

Как вы наверное уже заметили, при установке плагина, в него уже входят различные шаблоны для отображения похожих статей. Они хороши для изучения, но мы создадим шаблон с нуля. Начнем с создания нового файла с именем “yarpp-template-thumbnails.php” в корне папки вашей темы. В этом файле будет содержатся структура нашего шаблона.

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

Вставляем в Single Template

Вручную вставляем код, расположенный ниже, в файл single.php. Мы рекомендуем поместить его под кодом the_content().

Настраиваем CSS

Просто добавьте код, расположенный ниже, в ваш файл стилей.

Активируем новый шаблон

Теперь плагину нужно указать, какой шаблон использовать для отображения похожих статей. Переходите в настройки плагина и указываете на файл “yarpp-template-thumbnails.php”, сохраняете.

Назначение превьюшки в произвольном поле

Шаблон на месте и теперь для статьи осталось только указать, какую превьюшку использовать для отображения в похожих статьях. Решение просто, когда вы редактируете статью, раскройте панель «Произвольные поля». Укажите для поля thumbnail_url ссылку превью-картинки.

После, обновите статью и теперь YARPP будет показывать эту статью с указанной превьюшкой.

Завоевываем внимание посетителей

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

Скачать


4 комментарий на “Превью-картинки для похожих статей в WordPress

    • обновите плагин до последней версии. проверьте точно ли в папке с темой лежат эти шаблоны...

      Thumb up 0 Thumb down 0

  1. Почему не использовать стандартный плагин ?

    igit-related-posts-with-thumb-images-after-posts

    Thumb up 0 Thumb down 0

Оставить комментарий