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

Без плагина WordSmall

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

Первая роль – это перелинковка страниц, внутренняя оптимизация – когда одна статья ссылается на другую. Таким образом, наращивается ссылочная масса – как известно это хорошо для поисковиков.

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

Установка.

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


<div class="relpost">
<h4>Еще по теме...</h4>
<?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() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
<?php
}
echo '</ul>';
}
wp_reset_query();
}
?>
</div>

Этот код позволяет создавать пять похожих записей с помощью категорий. Чтобы изменить количество записей следует в строке 11 showposts'=>5 изменить число на которое вам нужно.

Второй вариант.

Создание похожих записей с помощью меток

<h4>Еще по теме...</h4>
<div class="relpost">
<ul>
<?php
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$first_tag = $tags[0]->term_id;
$args=array(
'tag__in' => array($first_tag),
'post__not_in' => array($post->ID),
'showposts'=>5,
'caller_get_posts'=>1
);
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
<?php
endwhile;
}
wp_reset_query();
}
?>
</ul>
</div>

Теперь давайте зададим стили. Откройте файл style.css и пропищим следующие стили:

.relpost {
        width:550px;
        background:#fff;
        border:1px solid #ccc;
        padding:7px;
        margin:5px 5px 5px 0px;
        color:#333;        
}
.relpost h4 {
        font:bold 14px Arial;
        color:#1f1f1f;
}
.relpost a {
        font:normal 12px Arial;
        color:#333;
}

.relpost a:hover{
        color:#55002a;
}
.relpost ul li{
background:url(images/картинка.png) no-repeat left center;
list-style-type:none;
margin-bottom:5px;
padding-left:19px;
}

Где написано картинка, поставьте свою стрелочка например или еще что-то.Вот и все!

— Не забывайте делиться с друзьями в социальных сетях: —

Автор, он же Андрей, он же Admin, он же WordSmall

Лентяй-любитель, окончил высшую школу безделья с многочисленными знаками отличия. Создатель этого небольшого «чудо-блога» о еще более «чудном» контенте.

E-mail Google+ Twitter
Добавить комментарий
bold quote code