Giới hạn số tag hiển thị sau post WordPress

Giới hạn số tag hiển thị sau post WordPress: Tổng quan và tầm quan trọng

Trong thế giới WordPress năng động, tag đóng vai trò quan trọng trong việc phân loại và tổ chức nội dung. Chúng giúp người dùng dễ dàng tìm kiếm các bài viết liên quan, đồng thời cải thiện khả năng SEO của website. Tuy nhiên, việc hiển thị quá nhiều tag sau mỗi bài viết có thể gây rối mắt, làm loãng nội dung chính và ảnh hưởng đến trải nghiệm người dùng. Do đó, việc giới hạn số lượng tag hiển thị là một vấn đề cần được quan tâm.

Bài viết này sẽ đi sâu vào lý do tại sao cần giới hạn số tag hiển thị, các phương pháp để thực hiện điều này và những lưu ý quan trọng để đảm bảo website của bạn hoạt động hiệu quả nhất.

Tại sao cần giới hạn số tag hiển thị?

Việc giới hạn số lượng tag hiển thị sau mỗi bài viết mang lại nhiều lợi ích, bao gồm:

Cải thiện trải nghiệm người dùng: Hiển thị quá nhiều tag có thể khiến giao diện trở nên lộn xộn và khó nhìn, làm giảm trải nghiệm của người dùng. Giới hạn số lượng tag giúp giao diện gọn gàng, dễ điều hướng hơn.
Tăng tốc độ tải trang: Mỗi tag hiển thị đều yêu cầu một lượng tài nguyên nhất định. Khi số lượng tag tăng lên, thời gian tải trang cũng sẽ tăng theo. Việc giới hạn tag giúp giảm tải cho máy chủ và cải thiện tốc độ tải trang.
Cải thiện SEO: Mặc dù tag có thể giúp cải thiện SEO, nhưng việc sử dụng quá nhiều tag có thể bị xem là nhồi nhét từ khóa (keyword stuffing), gây ảnh hưởng tiêu cực đến thứ hạng tìm kiếm.
Tập trung vào nội dung chính: Giới hạn số lượng tag giúp người đọc tập trung vào nội dung chính của bài viết thay vì bị phân tâm bởi quá nhiều tag không liên quan.

Các phương pháp giới hạn số tag hiển thị

Có nhiều phương pháp khác nhau để giới hạn số tag hiển thị trong WordPress, tùy thuộc vào nhu cầu và kỹ năng của bạn. Dưới đây là một số phương pháp phổ biến:

Sử dụng theme options

Một số theme WordPress đã tích hợp sẵn tính năng cho phép bạn giới hạn số lượng tag hiển thị. Để kiểm tra xem theme của bạn có tính năng này hay không, hãy tìm trong theme options (thường nằm trong Appearance -> Customize hoặc Theme Options). Nếu có, bạn chỉ cần nhập số lượng tag mong muốn và lưu lại thay đổi.

Chỉnh sửa file theme (functions.php)

Nếu theme của bạn không có sẵn tính năng giới hạn tag, bạn có thể chỉnh sửa file `functions.php` của theme. Phương pháp này đòi hỏi kiến thức về PHP và WordPress development. Hãy cẩn thận khi chỉnh sửa file theme, vì một lỗi nhỏ có thể khiến website của bạn gặp sự cố. Tốt nhất là bạn nên tạo một child theme trước khi thực hiện bất kỳ thay đổi nào.

Dưới đây là một ví dụ về code bạn có thể thêm vào file `functions.php` để giới hạn số lượng tag hiển thị:


function limit_post_tags( $post_id, $limit = 5 ) {
  $tags = get_the_tags( $post_id );

  if ( $tags ) {
    echo '<div class="post-tags">';
    echo '<span>Tags:</span> ';

    $count = 0;
    foreach ( $tags as $tag ) {
      if ( $count < $limit ) {
        echo '<a href="' . esc_url( get_tag_link( $tag->term_id ) ) . '">' . esc_html( $tag->name ) . '</a>, ';
        $count++;
      } else {
        break;
      }
    }
    echo '</div>';
  }
}

Sau khi thêm code này, bạn cần gọi hàm `limit_post_tags()` trong template hiển thị bài viết (`single.php` hoặc các file tương tự) để hiển thị tag. Thay vì sử dụng hàm `the_tags()`, bạn hãy sử dụng hàm `limit_post_tags( get_the_ID() );`. Bạn có thể thay đổi số lượng tag tối đa bằng cách thay đổi giá trị `$limit` trong hàm `limit_post_tags()`. Ví dụ: `limit_post_tags( get_the_ID(), 3 );` sẽ chỉ hiển thị tối đa 3 tag.

Sử dụng plugin

Nếu bạn không muốn chỉnh sửa code, bạn có thể sử dụng plugin để giới hạn số lượng tag hiển thị. Có nhiều plugin miễn phí và trả phí có thể giúp bạn thực hiện việc này. Một số plugin phổ biến bao gồm:

Limit Tags: Plugin đơn giản cho phép bạn giới hạn số lượng tag hiển thị.
Yoast SEO: Plugin SEO phổ biến cũng có tính năng kiểm soát số lượng tag và category.

Để sử dụng plugin, bạn chỉ cần cài đặt và kích hoạt plugin, sau đó tìm trong settings của plugin để cấu hình số lượng tag tối đa.

Lưu ý quan trọng khi giới hạn số tag

Khi giới hạn số lượng tag hiển thị, hãy lưu ý những điều sau:

Chọn tag phù hợp: Hãy chọn những tag quan trọng nhất và liên quan nhất đến nội dung bài viết để hiển thị. Tránh sử dụng các tag chung chung hoặc không liên quan.
Đánh giá lại tag hiện có: Trước khi giới hạn số tag, hãy đánh giá lại các tag bạn đang sử dụng để đảm bảo chúng được tổ chức hợp lý và phản ánh chính xác nội dung website của bạn. Loại bỏ các tag trùng lặp hoặc không còn sử dụng.
Kiểm tra kết quả: Sau khi giới hạn số tag, hãy kiểm tra website của bạn để đảm bảo giao diện hiển thị đúng như mong muốn và không có lỗi xảy ra.

Kết luận

Việc giới hạn số tag hiển thị sau mỗi bài viết WordPress là một việc làm quan trọng để cải thiện trải nghiệm người dùng, tăng tốc độ tải trang và tối ưu hóa SEO. Bạn có thể lựa chọn phương pháp phù hợp nhất với kỹ năng và nhu cầu của mình, từ sử dụng theme options, chỉnh sửa file theme cho đến sử dụng plugin. Hãy nhớ chọn tag phù hợp, đánh giá lại tag hiện có và kiểm tra kết quả sau khi thực hiện thay đổi.

Ví dụ code chi tiết hơn cho functions.php

Để cung cấp một ví dụ code chi tiết hơn, chúng ta sẽ tạo một hàm có thể tùy chỉnh cao hơn để giới hạn tag và hiển thị chúng với định dạng tùy chỉnh.


/**
 * Giới hạn số lượng tag hiển thị và tùy chỉnh định dạng hiển thị.
 *
 * @param int   $post_id  ID của bài viết.
 * @param int   $limit    Số lượng tag tối đa hiển thị. Mặc định là 5.
 * @param string $separator Chuỗi phân tách giữa các tag. Mặc định là ', '.
 * @param string $before   Chuỗi hiển thị trước danh sách tag. Mặc định là 'Tags: '.
 * @param string $after    Chuỗi hiển thị sau danh sách tag. Mặc định là ''.
 */
function custom_limit_post_tags( $post_id, $limit = 5, $separator = ', ', $before = 'Tags: ', $after = '' ) {
  $tags = get_the_tags( $post_id );

  if ( $tags && ! is_wp_error( $tags ) ) {

    echo '<div class="custom-post-tags">';
    echo '<span class="tag-label">' . esc_html( $before ) . '</span>';

    $tag_count = 0;
    $tag_links = array();

    foreach ( $tags as $tag ) {
      if ( $tag_count < $limit ) {
        $tag_links[] = '<a href="' . esc_url( get_tag_link( $tag->term_id ) ) . '" rel="tag">' . esc_html( $tag->name ) . '</a>';
        $tag_count++;
      } else {
        break;
      }
    }

    echo implode( esc_html( $separator ), $tag_links );
    echo esc_html( $after );
    echo '</div>';
  }
}

//Ví dụ sử dụng trong single.php:
// <?php custom_limit_post_tags( get_the_ID(), 3, ' | ', 'Related Tags: ', '!' ); ?>

Trong ví dụ này:

Chúng ta có thể tùy chỉnh số lượng tag hiển thị bằng tham số `$limit`.
Chúng ta có thể thay đổi chuỗi phân tách giữa các tag bằng tham số `$separator`.
Chúng ta có thể thêm chuỗi hiển thị trước và sau danh sách tag bằng tham số `$before` và `$after`.
Hàm này cũng kiểm tra xem `$tags` có phải là lỗi WordPress hay không bằng `is_wp_error( $tags )`.

Bạn có thể dễ dàng tùy chỉnh hàm này để phù hợp với giao diện và nhu cầu cụ thể của website của bạn.

#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before { background-color: #ededed; } aa

Giới hạn số tag hiển thị sau post WordPress