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

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

Сегодня хочу написать статью, которую Вы прочитаете и сделаете у себя вывод похожих записей с картинками на блоге и второй способ без картинок, списком. Похожие записи 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 комментариев

Ваш комментарий

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