Приветствую Вас дорогие читатели, с вами на связи Дмитрий Новоселов и сегодня мы поговорим о плагине с помощью которого можно выводить похожие статьи.
Для наглядности разделю статью на несколько этапов
Устанавливаем плагин YARPP
Для установки плагина можете скачать по ссылке она с официального сайта Wordpress. Распаковать и положить в папку wp-content/plugins, во вкладке плагины, в админ панели активировать плагин.
Либо не скачивая, Плагины -> Добавить новый -> В поиске пишем YARPP -> Установить -> Активировать
Настройки плагина
Рассмотрим какие параметры можно задавать в настройках самого плагина.
- Запрет на рубрики
- Критерии похожести по (заголовкам, текстам, рубрикам, меткам) и порог схожести
- Параметры отображения (страницы, записи)
- Количетво связанных постов
- Параметры их отображения (списком, миниатюрами)
- Изменение надписи на похожими постами
Изменим стили под свою тему
Иногда возникает необходимость подстроить отображение записей под свой сайт.
Для этого добавим класс yarpp-style и пропишем в таблице стилей стиль для него
Переходим /wp-content/plugins/yet-another-related-posts-plugin/classes
Открываем файл YARPP_Core.php
Находим такой код
$related_query = $wp_query; // backwards compatibility $related_count = $related_query->post_count; $output .= "<div class='";
И заменяем на
$related_query = $wp_query; // backwards compatibility $related_count = $related_query->post_count; $output .= "<div class='yarpp-style";
Теперь наш список похожих записей находится в классе и мы можем спокойно прописывать стили для него, не боясь повлиять на отображение списков в самой статье.
В style.css добавляем
.yarpp-style ol li { font-size: 20px; line-height: 25px; }
В этом стиле можете прописывать любые параметры, если вы хотите сделать цвет ссылок не таким как во всем сайте пропишите стиль, и поменяйте значение 123 на нужное вам
.yarpp-style ol li a { color: #123 }
Теперь когда мы настроили плагин под свой сайт, поговорим о миниатюрах и проблемами с которыми вы можете столкнуться.
Подключаем Thumbnails
Иногда может возникнуть такая ситуация, что ваша тема не поддерживает, отображение похожих записей с миниатюрами и тогда эта функция будет прозрачной в плагине без возможности выбора, как на рисунке ниже.
Чтобы появилась возможность выбрать этот пункт добавим в файл functions.php по адресу (wp-content/themes/название вашей темы) следующую строчку
add_theme_support( 'post-thumbnails');
Теперь если вы выберите режим thumbnails, то заданные к записи миниатюры будут отображаться над заголовками.
Как изменить или настроить thumbnails миниатюры
Хоть в настройках и есть возможность изменения максимального количества связанных постов, но не всегда они могут вписываться в шаблон и могут возникать (некрасивый перенос и обрезание части заголовков).
Чтобы изменить отображение похожих записей с миниатюрами, нам опять придется править таблицу стилей. Изначально стили генерируются в php файле в зависимости от количества связанных постов и должны корректно отображаться, но не всегда это так!
Чтобы задать свои размеры добавим в файл style.css следующие стили.
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title { width:(здесь цифра ширины заголовка)px !important; height: (здесь цифра высоты заголовка)px !important; } .yarpp-thumbnails-horizontal .yarpp-thumbnail { width:(здесь цифра ширины блока)px !important; height: (здесь цифра высоты блока)px !important; }
Таким образом вы задаете строгие размеры блокам, выставите значения которые вам необходимы, но учтете что при изменении количества связанных постов размер надо будет менять опять.
Благодаря !important , те стили которые генерируются в файле перекрываются вашими значениями.
Для того чтобы задать какие-то еще стили можете зайти в файл styles_thumbnails.css.php
По адресу wp-content/plugins/yet-another-related-posts-plugin/includes
Именно в нем и генерируются значения, вы можете изменить размер заголовков отступы и. т. п
Вот мы разобрались с трудностями которые могут возникнуть при использовании данного плагина.
Это не единственный плагин, для вывода похожих статей в WordPress есть и другие например Related Posts Thumbnails, так же можно реализовать вывод похожих записей и без плагина, но это уже тема для отдельной статьи.