Сегодня поговорим о том, как сделать вывод похожих записей под статьями в WordPress.
Как я уже говорил ранее в своей статье про то, как правильно писать статьи в WordPress, одним из мероприятий по внутренней оптимизации сайт является внутренняя перелинковка статей, а также вывод похожих статей после каждого поста.
Обычно критерием похожести в данном случае является отнесение статей к одной рубрике либо наличие общих меток, на выбор, смотря какую логику заложим в алгоритм вывода этих самых похожих статей.
По традиции рассмотрим два пути — с плагином и без.
Вывод похожих записей WordPress плагином
Для реализации функции отображения списка похожих записей первым способом воспользуемся плагином под названием Related Posts:
Устанавливаем и активируем данный плагин.
Далее давайте кратко пробежимся по настройкам, для чего в админ-панели выбираем появившийся после активации плагина пункт Related Posts:
Итак, в настройках нам предлагается следующее:
Basic Settings (основные настройки):
Related Posts Title — название блока вывода похожих записей. Я прописал «Похожие записи».
Number of Posts — количество записей, которое будет выводится в блоке. Я оставил значение по умолчанию, то есть 5.
Theme Settings (настройки темы):
Enable Themes* — чекбокс, поставив галочку в котором вам предоставляется возможность выбора внешнего вида отображения блока вывода похожих записей. Лично я придерживаюсь в данном случае минимализма и выбираю самый простой вариант без показа миниатюр статей, для чего выбираю пункт Plain (ручная настройка) и ниже в разделе Customize снимаю все галочки с чекбоксов:
Вы же можете подобрать вариант на свой вкус, ничего сложного здесь нет.
Кстати, плагин предоставляет возможность менять вариант показа данного блока отдельно для обычных устройств (компьютеров, ноутбуков) и мобильных устройств.
На картинке выше видно, что мы произвели настройки для обычных устройств, аналогичные операции проделываем для мобильных:
В разделе Theme Settings остался следующий блок:
Здесь предоставляется возможность выбрать картинку по умолчанию для отображения ее в блоке вывода похожих записей в качестве миниатюры для статей, у которых миниатюра отсутствует.
В моем случае, в связи с тем, что я использую вариант отображения похожих записей без миниатюр, данный пункт пропускаю.
Other Settings (другие настройки):
Exclude these Categories — исключить следующие категории. Если отображать статьи какой-либо из категорий при выводе похожих записей вы не желаете, то просто отметьте их галочками в данном пункте настроек.
Auto Insert Related Posts — автоматическая вставка блока похожих записей в шаблон. Также можно вставить код:
1 | <!--?php wp_related_posts()?--> |
в любой файл вашего шаблона WordPress, где вы хотите чтобы блок похожих записей отображался.
Display Related Posts in Feed — отображение похожих записей в rss рассылке подписчикам вашего сайта.
Turn statistics on* — вести статистику, которую можно видеть в самом верху в настройках плагина:
Support us (show our logo) — показывать логотип производителя плагина, своеобразная поддержка авторов. Я данную функцию не активировал.
На этом настройка плагина Related Posts завершена, сохранив изменения, смотрим результат.
Вот такой блок появился после каждой статьи моего сайта:
Таким образом, мы реализовали вывод похожих записей WordPress с помощью плагина Related Posts.
Переходим ко второму варианту решения поставленной задачи.
Вывод похожих записей WordPress без плагина
По моему мнению данный способ даже проще, нежели первый, по крайней мере при определенных навыках обращения с html и php.
Что же необходимо сделать? А сделать нужно всего лишь два шага.
Шаг первый: вставка кода в файл single.php вашей темы.
Берем следующий код (похожие статьи по категориям):
Похожие статьи:
ID); if ($categories) { $category_ids = array(); foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id; $args=array( ‘category__in’ => $category_ids, ‘post__not_in’ => array($post->ID), ‘showposts’=>5, // Number of related posts that will be shown. ‘caller_get_posts’=>1 ); // Rest is the same as the previous code $my_query = new wp_query($args); if( $my_query->have_posts() ) { echo ‘
-
-
- ‘;
-
-
-
- while ($my_query->have_posts()) {
-
-
-
- $my_query->the_post();
-
-
-
- ?>
-
-
-
- }
-
- echo ‘
‘; } wp_reset_query(); } ?>
или этот код для случая вывода похожих статей по меткам:
Похожие статьи:
-
-
-
- ID);
-
-
-
-
- if ($tags) {
-
-
-
- $first_tag = $tags[0]->term_id;
-
-
-
- $args=array(
-
-
-
- ‘tag__in’ => array($first_tag),
-
-
-
- ‘post__not_in’ => array($post->ID),
-
-
-
- ‘showposts’=>5,
-
-
-
- ‘caller_get_posts’=>1
-
-
-
- );
-
-
-
- $my_query = new WP_Query($args);
-
-
-
- if( $my_query->have_posts() ) {
-
-
-
- while ($my_query->have_posts()) : $my_query->the_post(); ?>
-
Код ‘showposts’=>5 отвечает за количество выводимых похожих записей, можно задать любое другое число, на ваше усмотрение.
Вставляем выбранный вами из этих двух вариантов код в файл single.php внутрь конструкции
1 |
перед закрывающим тегом
1 |
В этом случае список похожих записей будет выводиться внизу страницы после каждой статьи.
Не забывайте сохранять изменения.
Шаг второй: настройка CSS стилей. Здесь под каждый шаблон настройки могут значительно варьироваться, так что универсальный код привести не представляется возможным.
Я приведу набор стилей CSS для своей темы:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | .sample { padding-top: 10px; } .sample h3{ font-size: 19px; color: #3673be; } .sample ul li { margin-top: 10px; margin-bottom: 10px; list-style: url(images/sidebar_arrow.png) inside; color: #3bb45b; font-size: 14px; } |
Результат на картинку ниже:
Таким образом, сегодня мы двумя способами реализовали вывод похожих записей после каждой статьи в Вордпресс.