Để duy trì hoạt động của Blog rất mong các bạn có thể đóng góp Xin cảm ơn!

Cách hiển thị bài viết theo tag trong wordpress

30/07/2015 24/02/2016 Thuần Te Tua 22 Comments 109

Cách hiển thị bài viết theo tag trong wordpress – Việc hiển thị bài viết theo tiêu chí như cùng chuyên mục, bài viết độc giả đọc nhiều nhất, hay bài viết ngẫu nhiên … tất cả đều có mục đích của nó! Tuy nhiên mục đích chung là làm sao cho người đọc dễ tiếp cận với nội dung bài viết và các bài viết liên quan đến nội dung đó từ đó giúp người đọc tìm được cái mà mình cần!

Hôm nay mình sẽ hướng dẫn các bạn cách hiển thị bài viết theo các tag điều này giúp cho độc giả sẽ tìm được những nội dung liên quan dễ dàng hơn và nhanh hơn, hiện tại blog của mình cũng đang dùng tính năng năng này! Có 2 cách để bạn hiển thị các bài viết theo tag đó là bạn có thể sử dụng Plugin hoặc sử dụng code tuy nhiên theo mình bạn nên sử dụng code sẽ giảm được gánh nặng về số lượng Plugin trong blog của bạn!

Cách hiển thị bài viết theo tag trong wordpress

Để sử dụng code hiển thị bài viết theo tag bạn thực hiện như sau. Vào trang quản lý wordpress chọn Menu Giao diện > Editor (Công cụ biên tập)

Giao diện Editor xuất hiện bạn chọn file Single.php

Sau đó dán đoạn code sau đây vào vị trí thích hợp là được!

<?php
// show bài liên quan ...
$tag = wp_get_post_tags(get_the_ID());
$t = $tag[0];
if ($t) {
echo '<div class="relate-title">'. get_the_tag_list('<div itemprop="keywords">Bài viết khác cùng tag ', ' ', '</div>') .'</div>';
$r = new WP_Query(array('posts_per_page'=> 8, 'post__not_in'=> array( get_the_ID() ), 'tag'=> $t->slug ));
echo '<ol class="show-more-post">';
while ( $r->have_posts()): $r->the_post();
echo '<li><a href="'.get_permalink().'">'.get_the_title().'</a> <span> - '.get_the_date('d-m-Y H:m').'</span></li>';
endwhile;
echo '</ol>';
wp_reset_postdata();
}
?>

<?php

// show bài liên quan ...

$tag = wp_get_post_tags(get_the_ID());

$t = $tag[0];

if ($t) {

echo '<div class="relate-title">'. get_the_tag_list('<div itemprop="keywords">Bài viết khác cùng tag ', ' ', '</div>') .'</div>';

$r = new WP_Query(array('posts_per_page'=> 8, 'post__not_in'=> array( get_the_ID() ), 'tag'=> $t->slug ));

echo '<ol class="show-more-post">';

while ( $r->have_posts()): $r->the_post();

echo '<li><a href="'.get_permalink().'">'.get_the_title().'</a> <span> - '.get_the_date('d-m-Y H:m').'</span></li>';

endwhile;

echo '</ol>';

wp_reset_postdata();

}

Bạn tùy chỉnh lại cho phù hợp với mục đích của bạn – Sau khi thực hiện xong bạn hãy ra ngoài trang chủ kích vào một bài viết nào đó và kiểm nghiệm thử xem!

Đây là kết quả của mình sau khi đã chỉnh sửa đoạn code trên – Nếu bạn nào muốn thì có thể lấy trực tiếp bên dưới

Code bài viết liên quan theo tag của blog thủ thuật

<h2>Bài viết liên quan</h2>
<?php
$tag = wp_get_post_tags(get_the_ID());
$t = $tag[0];
if ($t) {
$r = new WP_Query(array('posts_per_page'=> 8, 'post__not_in'=> array( get_the_ID() ), 'tag'=> $t->slug ));
while ( $r->have_posts()): $r->the_post();
echo '<li><a href="'.get_permalink().'">'.get_the_title().'</a></li>';
endwhile;
echo '</ol>';
wp_reset_postdata();
}
?>

<?php

$tag = wp_get_post_tags(get_the_ID());

$t = $tag[0];

if ($t) {

$r = new WP_Query(array('posts_per_page'=> 8, 'post__not_in'=> array( get_the_ID() ), 'tag'=> $t->slug ));

while ( $r->have_posts()): $r->the_post();

echo '<li><a href="'.get_permalink().'">'.get_the_title().'</a></li>';

endwhile;

echo '</ol>';

wp_reset_postdata();

}

Như vậy là xong rồi đấy – Rất đơn giản để bạn có thể tạo bài viết theo tag trong wordpress phải không? nếu bạn có đoạn code nào hay hơn hãy chia sẻ cho mọi người cùng biết với nhé!

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!

Cách hiển thị bài viết theo tag trong wordpress was last modified: February 24th, 2016 by Thuần Te Tua

About Thuần Te Tua

Chào các bạn mình tên thật là Nguyễn Hữu Thuần là một người nội tâm, thích sống khép kín tuy nhiên có nhiều lúc cũng rất tăng động, trang web huuthuan.net là nơi lưu giữ những kiến thức, kinh nghiệm cũng như góc cuộc sống của mình, nếu bạn thích tôi hãy tìm kiếm tôi trên kênh Youtube hoặc liên hệ với tôi tại đây.
- Messenger: m.me/excelnguoimoi
- Fanpage: fb.me/excelnguoimoi
- Facebook: https://www.facebook.com/huuthuan.net
- Twitter: https://twitter.com/thuanhuu0188
- Google ++: https://plus.google.com/112740843541170197820

Comments

Tín Châu says

12/01/2018 at 1:12 am

hay quá, cảm ơn Thuận nhé

Reply
- Thuần Te Tua says
  
  12/01/2018 at 8:09 am
  
  OK1 Lâu quá bác ghé thăm 😀
  
  Reply
  - Tín Châu says
    
    12/01/2018 at 3:18 pm
    
    Dạo này làm biến viết blog.
    À sao mình cài vào theme gomedia nó ko vào trong nhỉ. Nó toàn nằm trên hoặc dưới, mà lại bị lệch rất xấu
    
    Reply
    - Thuần Te Tua says
      
      29/01/2018 at 8:49 am
      
      Là sao bác chưa hiểu lắm, do dạo này bận công việc gia đình nên ko có thời gian để viết 😀
Soju says

15/08/2017 at 5:56 pm

e muốn tạo 1 slide ngoài trang chủ hiển thị khoảng 4 bài viết theo 1 tag nhất định. VD tag: new
gồm cả thumbnail thì dòng code của a có thể tùy biến để làm được việc đó không ạ. e hơi dốt code a giúp e với 🙁

Reply
- Nguyễn Hữu Thuần says
  
  16/08/2017 at 11:42 am
  
  Cái đó chắc phải nhờ cao thủ thôi bạn 😀
  
  Reply
Huy Long says

22/07/2017 at 12:08 pm

File singer.php của mình như này, bạn chỉ cho mình là chèn vào dòng nào với, cảm ơn bạn nhiều!

options->get ( composs()->theme_name.”_sidebar_position” );
$sidebarPositionCustom = get_post_meta ( $post->ID, composs()->theme_name.”_sidebar_position”, true );

if($post_type == COMPOSS_ORANGE_THEME_POST_GALLERY) {
get_template_part(COMPOSS_ORANGE_THEME_INCLUDES.’gallery-single’,’style-1′);
}
else if($post_type == COMPOSS_ORANGE_THEME_POST_PORTFOLIO) {
get_template_part(COMPOSS_ORANGE_THEME_INCLUDES.’portfolio-single’,’style-1′);
get_footer();
}
else {
get_template_part(COMPOSS_ORANGE_THEME_INCLUDES.’news’,’single’);
get_footer();
}

?>

Reply
- Nguyễn Hữu Thuần says
  
  22/07/2017 at 3:18 pm
  
  Phía trên còn gì nữa ko bác? bác đang dùng theme gì?
  
  Reply
  - Huy Long says
    
    22/07/2017 at 5:12 pm
    
    mình dùng theme composs giống thachpham, phía trên ko còn gì nữa bạn ạ, chỉ có vậy thui =.=
    
    Reply
    - Huy Long says
      
      22/07/2017 at 5:16 pm
      
      SR mình copy nhầm,file singer đây ạ
      
      options->get ( composs()->theme_name.”_sidebar_position” );
      $sidebarPositionCustom = get_post_meta ( $post->ID, composs()->theme_name.”_sidebar_position”, true );
      
      if($post_type == COMPOSS_ORANGE_THEME_POST_GALLERY) {
      get_template_part(COMPOSS_ORANGE_THEME_INCLUDES.’gallery-single’,’style-1′);
      }
      else if($post_type == COMPOSS_ORANGE_THEME_POST_PORTFOLIO) {
      get_template_part(COMPOSS_ORANGE_THEME_INCLUDES.’portfolio-single’,’style-1′);
      get_footer();
      }
      else {
      get_template_part(COMPOSS_ORANGE_THEME_INCLUDES.’news’,’single’);
      get_footer();
      }
      
      ?>
    - Huy Long says
      
      22/07/2017 at 5:17 pm
      
      Phía trên còn miếng này nữa, dài quá cmt ko cho hiển thị:
    - Nguyễn Hữu Thuần says
      
      24/07/2017 at 9:14 am
      
      Do theme đó là theme bản quyền nên mình ko hiểu được cấu trúc của nó như thế nào? nếu quá khó bạn có thể sử dụng Plugin?
Goen says

27/01/2017 at 7:44 pm

bác ơi , web e chỉ hiện thị mỗi 3 bài ngoài trang chủ, e muốn nó nhiều hơn 3 bài thì làm sao vậy bác, mấy chuyên mục vẫn bị vậy

Reply
- Nguyễn Hữu Thuần says
  
  30/01/2017 at 1:51 pm
  
  Vào cài đặt (settings) > chọn phần đọc (reading) sau đó tăng số lượng bài viết hiển thị là được bác 😛
  
  Reply
Thanh Chính says

19/08/2016 at 2:33 pm

Mình muốn hiển thị danh sách các tên tags chung đó thì phải làm thế nào

Reply
- Nguyễn Hữu Thuần says
  
  19/08/2016 at 2:45 pm
  
  Hiển thị danh sách bài viết theo tags cụ thể hả bạn hay sao mình chưa hiểu ý lắm 🙂
  
  Reply
Minh Thịnh says

30/07/2016 at 9:28 am

Em chào anh, em xin hỏi là muốn hiển thị các bài viết theo form Hình ảnh+ tóm tắt của bài viết ạ. Vì hiện tại em đang sử dụng font của Woocommerce nên dang sách bài viết khi hiển thị ra nó hơi xấu ạ.
Mong anh giúp đỡ, vì em đang mày mò WP ạ

Reply
- Nguyễn Hữu Thuần says
  
  31/07/2016 at 7:33 pm
  
  Bạn có thê sử dụng Plugin để tạo! ví dụ như plugin này https://wordpress.org/plugins/yet-another-related-posts-plugin/
  
  Reply
Trịnh Quốc Văn says

15/04/2016 at 10:42 am

Xem giùm mình đoạn code này với, mình viết plugin mà lấy bài viết ra không được không biết có sai gì không, trong trình soạn thảo mình viết là [qvan_view qv_offset=”1″ qv_post_per_page=”4″ qv_tag=”tin hot “qv_width=”450″ qv_height=”450”] mà không ra kết quả gì cả
$ts[‘qv_offset’],
‘post_per_page’=>$ts[‘qv_post_per_page’],
‘tag’=> $ts[‘qv_tag’]
));
ob_start();
if($tincacmuc->have_posts){
while($tincacmuc->have_posts()): $tincacmuc->the_post();
$post_ID = the_ID();
?>

Reply
- Nguyễn Hữu Thuần says
  
  15/04/2016 at 11:14 am
  
  Nếu bạn muốn sử dụng plugin thì có rất nhiều Plugin WordPress hỗ trợ bạn tạo bài viết liên quan chỉ cần bạn thay đổi code trong đó một ít theo mong muốn là được! Còn khi bạn viết Plugin bạn phải tuân thủ các tham số trong WordPress bạn có thể tìm hiểu một số cấu trúc lấy bài viết trong WordPress ở trên mạng. Còn đoạn code trên bạn đã tùy biến các tham số theo quy định của riêng bạn!
  
  Reply
Anime Manga News says

23/02/2016 at 10:13 am

bài viết bổ ích lắm bạn

Reply
- Nguyễn Hữu Thuần says
  
  24/02/2016 at 8:15 am
  
  Vâng cảm ơn bạn! Hãy ghé thăm blog thường xuyên bạn nhé – Chúc bạn một ngày tốt lành 🙂
  
  Reply