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

Hữu Thuần

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)

hien-thi-bai-viet-theo-tag.png

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

hien-thi-bai-viet-theo-tag-1.png

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();
}
?>

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

hiển thị bài viết theo tag

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();
}
?>

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!

Đánh giá và chia sẻ để nâng cao chất lượng bài viết?

Tỉ lệ 3.8 / 5. Phiếu: 4

Chia sẻ:

BÀI VIẾT LIÊN QUAN

BÀI VIẾT NÊN XEM

Xem thêm

31 bình luận về “Cách hiển thị bài viết theo tag trong wordpress”

  1. Chào bác. Em mới tìm hiểu về SEO và đang làm web này: “vn-investing.com”. Bác cho e hỏi, giờ nếu e sử dụng cả tag và category cho cùng 1 nội dung có được ko? Vì e đọc trên một số forum thì thấy bảo seo Tag dễ lên hơn, nhưng e muốn sử dụng trên category cho dễ quản lý bài viết

    Bình luận
  2. 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 🙁

    Bình luận
  3. 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();
    }

    ?>

    Bình luận
        • 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();
          }

          ?>

          Bình luận
  4. 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 ạ

    Bình luận
  5. 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();
    ?>

    Bình luận
    • 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!

      Bình luận

Viết một bình luận