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é !
wpDiscuz
