Как вывести похожие записи с картинками и списком

Здравствуйте дорогие посетители блога!

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

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

ОПАСНОСТЬ ПЛАГИНОВ

  • Во-первых – избавитесь от лишней нагрузки на Ваш сайт
  • Во-вторых – уменьшите возможность взлома Вашего web-ресурса
  • В-третьих – ускорите страницы Вашего блога, это существенно повлияет на посещаемость

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

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

Именно поэтому я хочу написать статью, которая поможет Вам вывести похожие записи с миниатюрами (картинками) на Вашем блоге. Выведем их без плагинов! Хочу сразу сказать, что выводить Вы конечно можете похожие записи при помощи плагина, это не запрещено, но вы сами себе сделаете кучу неприятностей касающихся Вашего блога. Почему? Об этом, я писал выше.

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

Как вывести похожие записи с картинками

Как вывести похожие записи с миниатюрами (картинками) без плагина

Сначала нам необходимо узнать, поддерживает ли Ваша тема WordPress миниатюры к записям. Для этого зайдите в админ панель Вашего блога, в записи/ добавить новую и на этой странице в правом углу должен быть раздел «миниатюра к записи» или что-то в этом роде. У Вас может быть отключена эта опция в настройках экрана.

Как вывести похожие записи списком

Если у Вас шаблон не поддерживает вывод миниатюр, то как это исправить написано здесь – «Как вывести миниатюры в WordPress блоге». Прочитайте обязательно эту статью, если Вы не сделаете вывод, миниатюр (картинок), то похожие записи будут выводиться без картинок.

Буду считать, что вы сделали вывод миниатюр в своем блоге и нам можно двигаться дальше. Мы будем добавлять новый код в файлы нашего шаблона, поэтому рекомендую сделать бэкап базы данных, о том, как его сделать написано вот здесь «Настройка блога WordPress». Еще я рекомендую Вам пользоваться не обычным блокнотом, а использовать NOTEPAD ++. Notepad очень удобен и помогает любому webmasteru, своими функциями. А Вам подходит notepad ++?

Вывод похожих записей с картинками

Откройте файл single.php, он находится в папке с Вашей темой. Открывайте его и вставим код там, где Вы хотите, чтобы выводились похожие записи. Обычно этот код ставят в конце статьи. Вставляйте этот код:

<!--Resource: www.advdk.com-->
<h3 style="text-align: center;"><strong>Это интересно:</strong></h3>
<div>
<?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'=>4,
'orderby'=>rand,
'caller_get_posts'=>1);
$my_query = new wp_query($args);
if( $my_query->have_posts() ) {
echo '<div>';
while ($my_query->have_posts()) {
$my_query->the_post();
?>
<div><a href="<?php the_permalink() ?>" target="_blank" title="<?php the_title(); ?>">
<div id="related_posts_box"><?php the_post_thumbnail(array(100,50)); ?> <?php the_title(); ?></div></a></div>
<?php
}
echo '</div>';
}
wp_reset_query();
}
?>
</div>
<!--/Resource: www.advdk.com-->


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

В коде выше, можно изменить число вывода похожих записей, там стоит 4, а Вы можете изменить на свое, это строчка «’showposts’=>4».

Можете сделать вывод последних записей, для этого Вам нужно просто удалить строку «orderby’=>rand».

Стили для красивого вывода похожих записей:

Теперь нам необходимо добавить в стили (файл stule.css), добавить следующий код:

.relatedposts {width: 640px; margin: 0 0 20px 0; float: left; font-size: 12px;}

.relatedposts h3 {font-size: 20px; margin: 0 0 5px 0; }

.relatedthumb {margin: 0 1px 0 1px; float: left; }

.relatedthumb img {margin: 0 0 3px 0; padding: 0;}

.relatedthumb a {color :#333; text-decoration: none; display:block; padding: 4px; width: 140px;}

.relatedthumb a:hover {background-color: #0253DA; color: #ffffff;}

.podpiska_stranic_rss {

background: #000000;

}


После этого, сохраните файл.

Вывод похожих записей списком

В файл single.php вставьте другой код в нужное Вам место:

<?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'=>5,
'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() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
<?php
}
echo '</ul>';
}
wp_reset_query();
}
?>


Можно заменить в строке «’showposts’=>5,» число «5», на свое. Эта строка отвечает за количество выводимых похожих записей. Этот код вставьте в конец файла «single.php».

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

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

С уважением, Алексей Кобзарев



Интересный и полезный контент

28 thoughts on “Как вывести похожие записи с картинками и списком

  1. Александр Иванович

    Алексей!
    Спасибо огромнейшее за классную статью.
    Утро вечера мудренее, поэтому завтра утром займусь выводом похожих записей с картинками без плагина. Не обессудь,но если будут вопросы, думаю, поможешь.

  2. Василий

    Здравствуйте Алексей. Спасибо за детально описанную статью, я очень заинтересовался. У меня проблема: сделал все так, как Вы описали в статье, но похожие записи выводятся вертикально.. Помогите пожалуйста, очень прошу, что нужно сделать чтобы записи выводились корректно? 😐

    1. Алексей Кобзарев Автор записи

      Скорей всего, что-то неправильно прописано в style.css. Вы вставляли стили, которые даны в статье? Посмотрите на все коды и примените их по инструкции. Удачи!

  3. Андрей

    Всё достаточно подробно. Интересно на сколько снижается нагрузка на и ускоряется загрузка сайта при таком методе по сравнению с плагином Related Posts?

  4. Савелий

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

      1. Савелий

        На радостях забыл поблагодарить вас, исправляю это недоразумение). Большое спасибо, Алексей!

        1. Алексей Кобзарев - admin Автор записи

          Пожалуйста.

  5. Vlad

    Круто, хочу через код вывести списком!

    Если не найду еще что-то более подходящее, то воспользуюсь твои кодом!

    😉

    Ты у меня как-то насчет плагина интересовался… Я так понимаю, именно он у тебя и стоит! Почему через код не захотел вывести?

      1. Vlad

        Пошел я тогда в поисковик, попал в топе на статью с таким же кодом как у тебя…

        А так как код у тебя более чистый, то я опять вернулся к тебе! 😉

        1. Алексей Кобзарев Автор записи

          Как говорят: «Добро пожаловать»! 🙂

  6. Vlad

    А от плагина и не отличить! Кстати, разобрался с ссылками своими в комментах?

    И еще вопросик: сколько капает от гугл в день?

    1. Алексей Кобзарев Автор записи

      Да, теперь поисковики их вообще не видят. А от Google по разному, например вчера 2.70. Повышу посещаемость и будет больше. А у тебя, как с рекламой?

      1. Vlad

        А я вроде здесь коммент оставлял, а его нет… Странно…

        Но главное, что ты его прочитал! Если я его конечно отправил… 🙂

        1. Алексей Кобзарев Автор записи

          Ты про комментарий будущей статьи? Извени, это не каталог анонсов.

        2. Vlad

          Без проблем! Просто я думал, что вообще его не отправил…

          Бывает много вкладок отрыто и где-то взял случайно и закрыл с уже написанным комментом… 🙂

        3. Алексей Кобзарев Автор записи

          Много работы. У меня тоже так бывает.

  7. Eva

    Подскажите, пожалуйста, а как выводить похожие записи не во всех категориях?
    Вот у меня есть категории «статьи 1», «статьи 2», «специалисты».
    Как сделать так, чтобы «похожие записи» выводились во всех категориях «статьи…» и НЕ выводились в категории «специалисты»?
    Спасибо!

    1. Алексей Кобзарев Автор записи

      Это вам не у меня надо спрашивать, а у фрилансеров, я не знаю.

  8. Anna

    Спасибо за такую пошаговую и подробную статью. Мне, как пользователю, который не очень разбирается в кодах, хочется всё-таки поставить плагин. Очень хорошее видео вы предложили и познакомили, во-первых, с замечательным человеком, а во -вторых, с прекрасным плагином. Желаю вам всего доброго и светлого во всём и всегда. С уважением, Анна.

  9. kinogrant

    Очень подробная и хорошая статья, спасибо авторам за нее! Буду себе пробовать поставить такие, а то пользовался лишь плагинами

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

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