Здравствуйте! В этой статье я хотел бы рассказать вам как добавить похожие записи в wordpress без использования плагина. Для чего это нам нужно на сайте? Все очень просто, это задержит ваших посетителей на проекте что повлечет за собой увеличение поведенчиских факторов и вывод ваших статей в топ 10. Этот способ вынуждает нас, немного поковыряться в коде. Давайте приступим.
Похожие записи wordpress с картинками без плагина
Обычно записи выводят в конце каждого поста сайта или блога. Мы сделаем так же, и выведим по 3 соответстувующих записи, отношение которых между собой будем определять по тегам.
Мы будем работать с файлом темы single.php, в идеале создать виджет зону и использовать ее, но это тема другой статьи. Код который мы будем использовать подойдет для любой темы. Скопируйте его и вставте в конце файла, перед комментариями или где заканчивается вывод статьи.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<div class="sample-posts">
<h3>Рекомендую, Вам ознакомиться так же:</h3>
<div class="relatedposts">
<?php
$orig_post = $post;
global $post;
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
$args=array(
'tag__in' => $tag_ids,
'post__not_in' => array($post->ID),
'posts_per_page'=>4, // Number of related posts to display.
'caller_get_posts'=>1
);
$my_query = new wp_query( $args );
while( $my_query->have_posts() ) {
$my_query->the_post();
?>
<div class="relatedthumb">
<a rel="external" href="<? the_permalink()?>"><?php the_post_thumbnail(array(200,150)); ?><br />
<?php the_title(); ?>
</a>
</div>
<?php }
}
$post = $orig_post;
wp_reset_query();
?>
</div>
</div>
|
На данном этапе это выглядит примерно так. В вашем случае может выглядить немного иначе.
Я добавил немного css свойств что бы выровнять блоки.
|
1
2
3
4
5
6
|
.relatedthumb{
display: inline-block;
width: 200px;
vertical-align: top;
margin-right: 20px;
}
|
Вот и все. Теперь вы можите наблюдать как растут ваши поведенчиские факторы. Если у вас возникли вопросы пишите их в комментариях. Подписывайтесь на нашу группу в вк и youtube канал. До встречи в новых статьях.
