Cách hiển thị bài viết liên quan trong WordPress không dùng plugin

Bài viết liên quan sau khi áp dụng thủ thuật này

Bài viết liên quan sau khi áp dụng thủ thuật này

Trong bài viết này mình chia sẻ đến mọi người cách hiển thị bài viết liên quan (Related Posts) trong WordPress mà không dùng plugin. Bài viết liên quan sẽ được tự động đề xuất theo tags.

Cách thực hiện

Các bạn đem dán đoạn code này vào trong file single.php hoặc content-single.php ,cái này tùy theo theme bạn nhé !

/*
HIEN THI BAI VIET LIEN QUAN -BAT DAU
*/

<div class="bai-viet-lien-quan" >
<p style="text-align: left;"><span style="color: #993366;"><strong><span style="font-family: arial, helvetica, sans-serif; font-size: 14pt;">Bài viết liên quan:</span></strong></span></p>
<?php
$tags = wp_get_post_tags(get_the_ID());
if ($tags){
echo '<div id="relatedpost">';
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;

$args=array(
'tag__in' => $tag_ids,
'post__not_in' => array(get_the_ID()),
'posts_per_page' => 3,
);
$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(); ?>"><?php the_title(); ?></a></li>
<?php
endwhile;
echo '</ul>';
endif;
wp_reset_query();
echo '</div>';
}
?> 
</div>

/*
HIEN THI BAI VIET LIEN QUAN - KET THUC
*/

Đối với theme freshWP khi thực hiện thử nghiệm này, mình dán nó vào ngay bên dưới dòng:

</div><!-- .entry-content -->

Bây giờ bạn cần làm thêm một bước nữa là tùy chỉnh CSS lại cái khung bài viết liên quan cho nó ra vẻ tí bằng cách copy đoạn CSS sau đem dán vào trong phần CSS bổ sung của theme đang xài.

.bai-viet-lien-quan {
border-bottom: dashed #efefef 1px;
margin-bottom: 1.5em;
margin-top: -0.8em;
}
div#relatedpost li a {
color: #0024e9;
line-height: 1.5;
}

Sau khi dán xong, bạn lưu lại và xem kết quả như thế nào :v | Thủ thuật này nó hơi khó chỗ là nên dán cái code hiển thị bài viết liên quan chỗ nào, còn lại thì dễ rồi.

Như vậy là mình đã chia sẻ xong cho các bạn cách hiển thị bài viết liên quan trong WordPress không dùng plugin rồi đấy, nếu có điều gì thắc mắc hoặc đóng góp ý kiến thì bạn hãy để lại bình luận bên dưới nhé !

Bài viết bạn đang xem được viết bởi Tịnh Nguyễn, là người thường đăng bài và comment dạo trên Hocban.vn

Không biết bạn đã từng đọc qua các nội dung dưới đây chưa nhỉ ?

avatar
1 Comment threads
1 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
2 Comment authors
Hocban.vnThủ Thuật Nhanh Recent comment authors
Thủ Thuật Nhanh <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">4</span><span style="color: #e91e63;">) </span>
Guest

Bác ơi, muốn cho nó hiện ảnh đại diên của bài đó ra thì làm sao giờ? Của em cái theme có hiển thị danh sách bài liên quan theo category rồi. Giờ muốn nó hiện theo cả cái tag nữa, cơ mà không biết cách làm sao cho nó hiện cái ảnh lên.. 🙁