Вывод похожих записей или статей на сайте wordpress без плагина

pohozhie-zapisi-na-sajte-vordpress-bez-plaginaПривет, Друзья. О выводе хлебных крошек без участия дополнительно установленного программного обеспечения вы уже успели прочитать. Сегодня займемся выводом похожих записей или статей на сайте WordPress и тоже без участия плагина. Если мое мнение по использованию хлебных крошек двоякое, то за вывод похожих постов сайта на видном месте я обеими руками. Это действительно полезная и нужная штука.

Что это нам дает:

  • удобство использования посетителями веб-ресурса. Еще это удобство называют юзабилити;
  • дополнительное время нахождения на страницах сайта увеличивает значимость ресурса в глазах поисковых систем. Увеличивается время пребывания читателя — увеличивается трафик;
  • внутренняя перелинковка страниц и адресов сайта. В СЕО есть термин оптимизации сайта. Так внутренняя перелинковка — одно из звеньев этой отимизации.

Существует достаточно много плагинов, позволяющих достич вывода похожих записей. К примеру Simple Tags, Yet another related posts. Плагины хорошие, спору нет. Особенно когда лень копаться внутри файлов шаблона. Но тенденция такая, что последнее время блоговеды стремяться разгрузить свой блог. Избавиться от плагинов и добавить в коды шаблона коды-плагинозаменители.

Когда количество уникальных посетителей вырастает до 1000 и больше, плагины и весь материал довольно сильно грузят сервер и понижают скорость загрузки страниц. Борьба за место под солнцем Интернет идет не шуточная, и досадно будет потерять потенциальных посетителей из-за медленной загрузки записей. Вот и ищем, чем можно облегчить жизнь сайта.

Этим занимаюсь и я. Собирал небольшую коллекцию скриптов и кодов, которыми можно заменить плагины на сайте. Чтоб не увеличивать в размерах файлы functions.php, single.php, style.css и другие, создал дочернюю тему шаблона. Но об этом мы поговорим как-нибудь в следующий раз. А сегодня тема другая.

Популярные записи на сайте wordpress без плагина

vyvod-poxozhix-zapisej-ili-statej-na-sajte-wordpress-bez-plagina

Переходим в редактор шаблона. Выбираем страницу, вернее файл, отвечающий за открытие страницы. Рекомендую использовать файл single.php. Блок вывода похожих записей здесь будет смотреться самым лучшим образом. И вставляем следующий код:

<div id="related_posts">
<p>Много информации не бывает</p>
<?php
$categories = get_the_category($post->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'=>3,
'orderby'=>rand,
'caller_get_posts'=>1);
$my_query = new wp_query($args);
if( $my_query->have_posts() ) {
echo '<ul>';
while ($my_query->have_posts()) {
$my_query->the_post();
?>
<li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>">
<?php the_post_thumbnail(); ?><br /><?php the_title(); ?></a></li>
<?php
}
echo '</ul>';
}
wp_reset_query();
}
?>
</div>

сортировка в этом случае проходит по категориям, если требуется отсортировать по тегам, то внесите изменения. Строку 'category__in' => $category_ids, измените на такую: 'tag__in' => $tag_ids

Теперь следует украсить выводимые миниатюры. Открываем файл стилей и копируем в него, можно в самый низ следующий код:

#related_posts{
    margin-right: -25px;
}
#related_posts p{
    font-size: 18px;
}
#related_posts li{
    float: left;
    width: 205px;
    margin: 0 20px 20px 0;
    padding: 4px;
    background: #f8f8f8; 
    height: 160px;
}
#related_posts li:hover{
    background: #f6fffd; 
}
#related_posts li a{
    text-align: center;
    display: block;
    padding: 5px;
    color: #222; 
}
#related_posts li img{
    width: 195px;
    height: 117px;
}

Параметры можно корректировать под страницу вывода. Цвет, размер — все меняется.

Не забывайте создавать резервную копию сайта.

Знаю, что новичкам обычного совета: «Вставьте код в файл…» маловато. Можете посмотреть, где находится код вывода похожих записей у меня и визуально потом определиться со своим файлом:

raspolozhenie-koda-vyvoda-pohozhih-zapisej-v-fajle

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

Успехов, Друзья. С уважением, Олег

 

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *