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

Похожие записи с миниатюрами без плагина

Чтобы создать список похожих записей с миниатюрами в WordPress существует много плагинов, например, неплохой Wp-Thumbie. Но зачем использовать плагин, ну если вы совсем новичок и пока не разбираетесь в файлах wordpress. Вывести похожие записи с миниатюрами можно без плагина, достаточно открыть в редакторе файл single.php (можно через меню Внешний вид -> Редактор) и вставить код в том месте, где хотите видеть список связанных записей.

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

[php]<!—?php get_template_part( ‘content’, ‘single’ ); ?—>[/php]

После неё вставляем вот этот код

[php]<div id="related_posts">

<h3>Похожие темы</h3>
<?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 ‘<ul>’;
while ($my_query->have_posts()) {
$my_query->the_post();
?>
<li><div id="blok"><span style="width:140; height:90;"><?php the_post_thumbnail(); ?></span><br><span><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></span></div></li>
<?php
}
echo ‘</ul>’;
}
wp_reset_query();
}
?>
</div>[/php]

Что в этом коде основное и, что можно поменять. Данный код выводит похожие записи (посты) с миниатюрами на основе категорий, (см.строчку 10)

[php]’category__in’ => $category_ids[/php]

Если надо вывести похожие статьи по меткам, замените на

[php]’tag__in’ => $tag_ids,[/php]

За количество похожих записей в блоке, отвечает вот этот код (см. строка 12)

[php]’showposts’=>4,[/php]

Заключительный этап — это CSS стили для блока похожих статей с изображениями.

[css]#related_posts{margin:20px 0;float: left;width: 100%; }
#related_posts ul {margin-left: -14px;width: 600px;}
#related_posts li { list-style:none;}
#blok{
min-height: 220px;
border:1px solid #000;
float: left;
list-style: none;
margin: 1px;
padding: 5px;
text-align: center;
width: 140px;
}
#blok a:hover {
color:#E03430;
}[/css]

Вы можете настроить стили под свой сайт, для удобства рекомендую работать с решением Firebug для браузера Firefox. Здесь вы узнаете как пользоваться firebug, как он работает и его достоинства.











2 Responses to Код вывода похожих записей с миниатюрами без плагина

  1. Виталий:

    А можно сделать, чтобы они были по горизонтали, а не по вертикали?)

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

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