Похожие статьи WordPress без плагина

Друзья, всем привет. Сегодня поговорим о том, как создать список похожих статей в WordPress без плагина. Похожие материалы улучшают поведенческие факторы. Обычно их размещают в конце статьи, так чтобы посетитель мог ознакомиться с другими статьями по теме.

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

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

До недавнего времени у меня на блоге использовался для этого плагин WordPress Related Posts. Хороший плагин, красиво можно оформить, под любой дизайн, вывод похожих статей.

Только вот в борьбе за скорость загрузки сайт я решил заменить этот плагин на простой код. Потому что этот плагин тормозил загрузку моего блога от 0,5 до 0,9 секунды в зависимости от времени и нагрузки.

И поэтому я решил использовать код php для вывода похожих статей, который позволяет выводить статьи, сортирую их по тегам или категориям (рубрикам).

Как вывести похожие статьи с сортировкой по тегам.

Как правило, список похожих статей выводится в конце статьи. В большинстве тем WordPress за статьи (записи) отвечает файл single.php. Именно в этот файл нужно вставить код, отвечающий за вывод похожих статей.

Предупреждение: сделайте резервную копию файла single.php перед началом работ.

Шаг 1: поиск места для вставки кода.

У всех нас разные шаблоны и структура их немного отличается друг от друга. К примеру, в моей теме, вообще, нет файла single.php. Я создал дочернюю тему, и все доработки делаю через файл функции темы. А это на порядок сложней, чем править обычные файлы.

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

Как видно на скриншоте, подходящее место для вставки кода, находится после окончания статьи, перед навигацией.

Итак, открываете административную панель Вордпресс – «Внешний вид» — «Редактор» — «Одна запись (single.php)». И в файле ищите код, отвечающий за вывод статьи. Выглядеть он будет примерно так:

<?php while (have_posts()) : the_post(); ?>
<?php get_template_part( 'content', get_post_format() ); ?>
...

После этого фрагмента можно вставить код похожих статей. В моём примере дальне будет идти код навигации.

Шаг 2: вставка кода похожих статей.

После того как вы определились с местом, вставляете вот этот код:

<!--Похожие статьи-->
<?php
 global $post;
 $backup = $post;
 $tags = wp_get_post_tags($post->ID);
 if ($tags) {
 $tag_ids = array();
 foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
 
$args=array(
 'tag__in' => $tag_ids,
 'post__not_in' => array($post->ID),
 'posts_per_page'=>5, // Количество вывода похожих статей.
 'ignore_sticky_posts'=>1
 );
 $my_query = new wp_query($args);
 if( $my_query->have_posts() ) {
 echo '<ul class="relatedPosts"><h2>Похожие статьи по теме:</h2>';
 while ($my_query->have_posts()) {
 $my_query->the_post();
 ?>
 <li><a href="<?php the_permalink() ?>" rel="bookmark" title="Перейти к статье <?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
 <?php
 }
 echo '</ul>';
 }
 }
 $post = $backup;
 wp_reset_query();
 ?>

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

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

Но, если вы захотите внести изменения в стили, то вы всегда можете использовать класс relatedPosts и задать свои стили. Этот класс я уже добавил в основу списка.

Также вы можете изменить в коде элементы, отмеченные оранжевым цветом.

Как вывести похожие статьи с сортировкой по рубрикам (категориям).

К примеру, вы захотите вывести похожие статьи не по тегам, а по категории. Предложив посетителю, ознакомится с похожими материалами из этой категории.

Тогда, действуя по описанному выше алгоритму, вы вставляете вот этот код:

<!--Похожие статьи-->
<h2>Похожие статьи из категории: <?php the_category( ', ' ) ?></h2>
<div><?php
 global $post;
 $backup = $post;
 $categories = get_the_category($post->ID);
 if ($categories) {
 $categories_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),
 'posts_per_page'=>5, // Количество похожих статей.
 'ignore_sticky_posts'=>1
 );
 $my_query = new wp_query($args);
 if( $my_query->have_posts() ) {
 echo '<ul class="relatedPosts">';
 while ($my_query->have_posts()) {
 $my_query->the_post();
 ?>
 <li><a href="<?php the_permalink() ?>" rel="bookmark" title="Перейти к статье <?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
 <?php
 }
 echo '</ul>';
 }
 }
 $post = $backup;
 wp_reset_query();
 ?></div>

Этот код сортирует статьи только по категории. Теги уже не играют никакой роли.

В качестве дополнительных настроек можно использовать параметр 'orderby'=>rand. Который определяет вывод похожих материалов в случайном порядке.

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

'posts_per_page'=>5, // Количество похожих статей.
'orderby'=>rand, // Вывод в случайном порядке.
'ignore_sticky_posts'=>1

Также к этому коду можно добавить и вывод статей с миниатюрами. Но, для этого придётся поработать над стилями оформления. Кому интересно, как это сделать, читайте статью по ссылке выше или смотрите, как выводятся миниатюры на примере списка популярных статей.

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

Вот и всё, друзья. Теперь вы знаете, как вывести список похожих статей без плагина. Простой код и никакой нагрузки на сайт. А это очень важно, когда речь идёт о скорости загрузки сайта.

На этом у меня сегодня всё. Я желаю вам удачи и до встречи в новых статьях и видеоуроках.

С уважением, Максим Зайцев.