2 cách hiển thị related pages trong WordPress

6 tháng ago, Hướng dẫn WordPress, Views
2 cách hiển thị related pages trong WordPress

Giới thiệu về trang liên quan (Related Pages) trong WordPress

Trang liên quan, hay còn gọi là bài viết liên quan, là một tính năng quan trọng giúp người dùng khám phá thêm nội dung hữu ích trên trang web của bạn. Chúng hiển thị danh sách các bài viết, trang hoặc sản phẩm có liên quan đến nội dung mà người dùng đang xem. Việc hiển thị các trang liên quan mang lại nhiều lợi ích, bao gồm:

  • Tăng thời gian ở lại trang web: Khi người dùng thấy các bài viết liên quan, họ có nhiều khả năng sẽ nhấp vào và đọc thêm, giúp tăng thời gian ở lại trang web.
  • Giảm tỷ lệ thoát trang (bounce rate): Càng nhiều người xem nhiều trang trên trang web của bạn, tỷ lệ thoát trang sẽ càng thấp.
  • Cải thiện SEO: Google đánh giá cao các trang web có cấu trúc liên kết nội bộ tốt. Các trang liên quan giúp cải thiện cấu trúc này, từ đó cải thiện thứ hạng SEO.
  • Tăng số lượng trang được xem: Người dùng dễ dàng khám phá nội dung khác trên trang web của bạn, dẫn đến tăng số lượng trang được xem.

Có hai cách chính để hiển thị các trang liên quan trong WordPress: sử dụng plugin hoặc sử dụng code.

Cách 1: Sử dụng Plugin để hiển thị trang liên quan

Đây là cách phổ biến và dễ dàng nhất để thêm các trang liên quan vào trang web WordPress của bạn. Có rất nhiều plugin miễn phí và trả phí có sẵn, mỗi plugin có các tính năng và tùy chọn khác nhau. Một số plugin phổ biến bao gồm:

  • Yet Another Related Posts Plugin (YARPP): Một trong những plugin liên quan phổ biến nhất, cung cấp nhiều tùy chọn tùy chỉnh và thuật toán mạnh mẽ.
  • Related Posts for WP: Một plugin đơn giản và dễ sử dụng, tập trung vào hiệu suất và tốc độ.
  • Contextly Related Posts: Sử dụng phân tích ngữ cảnh để hiển thị các trang liên quan, mang lại kết quả chính xác hơn.

Hướng dẫn cài đặt và cấu hình plugin trang liên quan

  1. Cài đặt plugin: Trong trang quản trị WordPress, điều hướng đến “Plugins” -> “Add New”. Tìm kiếm plugin bạn muốn sử dụng (ví dụ: YARPP), cài đặt và kích hoạt nó.
  2. Cấu hình plugin: Sau khi kích hoạt, tìm phần cấu hình của plugin (thường nằm trong “Settings” hoặc “Plugins”). Mỗi plugin sẽ có các tùy chọn khác nhau, nhưng các tùy chọn phổ biến bao gồm:
    • Thuật toán: Chọn thuật toán để xác định các trang liên quan (ví dụ: dựa trên tiêu đề, nội dung, tags, categories).
    • Số lượng bài viết hiển thị: Chọn số lượng bài viết liên quan bạn muốn hiển thị.
    • Vị trí hiển thị: Chọn vị trí hiển thị các trang liên quan (ví dụ: dưới bài viết, trong sidebar).
    • Thiết kế: Tùy chỉnh thiết kế của các trang liên quan (ví dụ: kích thước hình ảnh, kiểu chữ, màu sắc).
  3. Kiểm tra: Sau khi cấu hình, hãy kiểm tra các trang bài viết của bạn để đảm bảo các trang liên quan hiển thị chính xác và theo ý muốn.

Ví dụ: Cấu hình YARPP

Sau khi cài đặt và kích hoạt YARPP, bạn sẽ thấy một mục “YARPP” trong menu “Settings”. Trong trang cấu hình, bạn có thể:

  • Chọn thuật toán để xác định các bài viết liên quan. YARPP cung cấp nhiều thuật toán, bao gồm dựa trên tiêu đề, nội dung, tags, và categories. Bạn có thể thử nghiệm với các thuật toán khác nhau để tìm ra thuật toán phù hợp nhất với trang web của bạn.
  • Chọn số lượng bài viết liên quan để hiển thị.
  • Chọn vị trí hiển thị các bài viết liên quan. Bạn có thể hiển thị chúng dưới bài viết, trong sidebar, hoặc ở bất kỳ vị trí nào khác trên trang web của bạn.
  • Tùy chỉnh thiết kế của các bài viết liên quan. Bạn có thể thay đổi kích thước hình ảnh, kiểu chữ, màu sắc, và các thuộc tính khác.

Cách 2: Sử dụng Code để hiển thị trang liên quan

Nếu bạn là một nhà phát triển hoặc có kinh nghiệm với code, bạn có thể sử dụng code để hiển thị các trang liên quan. Cách này cho phép bạn có nhiều quyền kiểm soát hơn đối với cách các trang liên quan được hiển thị, nhưng nó cũng đòi hỏi kiến thức kỹ thuật cao hơn.

Sử dụng code để hiển thị trang liên quan dựa trên Categories

Đây là một ví dụ về cách hiển thị các trang liên quan dựa trên categories. Đoạn code này sẽ lấy các trang trong cùng category với trang hiện tại và hiển thị chúng dưới dạng danh sách.


<?php
    $orig_post = $post;
    global $post;
    $categories = get_the_category($post->ID);
    if ($categories){
        $category_ids = array();
        foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;

        $args=array(
            'category__in' => $category_ids,
            'post__not_in' => array($post->ID),
            'posts_per_page'=>5, // Number of related posts that will be shown.
            'caller_get_posts'=>1
        );

        $my_query = new wp_query( $args );

        if( $my_query->have_posts() ) {
            echo '<h2>Bài viết liên quan</h2>';

            echo '<ul>';
            while( $my_query->have_posts() ) {
                $my_query->the_post();
                ?>

                <li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>

                <?php
            }
            echo '</ul>';
        }
    }
    $post = $orig_post;
    wp_reset_query();
?>

Cách sử dụng:

  1. Sao chép đoạn code trên.
  2. Mở file single.php trong theme của bạn (hoặc file template cho loại bài viết bạn muốn hiển thị trang liên quan).
  3. Dán đoạn code vào vị trí bạn muốn hiển thị các trang liên quan (thường là dưới nội dung bài viết).
  4. Lưu file single.php.

Sử dụng code để hiển thị trang liên quan dựa trên Tags

Tương tự như trên, bạn có thể hiển thị các trang liên quan dựa trên tags. Đoạn code sau sẽ lấy các trang có cùng tags với trang hiện tại và hiển thị chúng dưới dạng danh sách.


<?php
    $orig_post = $post;
    global $post;
    $tags = wp_get_post_tags($post->ID);

    if ($tags) {
        $tag_ids = array();
        foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;

        $args=array(
            'tag__in' => $tag_ids,
            'post__not_in' => array($post->ID),
            'posts_per_page'=>5, // Number of related posts that will be shown.
            'caller_get_posts'=>1
        );

        $my_query = new wp_query( $args );

        if( $my_query->have_posts() ) {
            echo '<h2>Bài viết liên quan</h2>';

            echo '<ul>';
            while( $my_query->have_posts() ) {
                $my_query->the_post();
                ?>

                <li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>

                <?php
            }
            echo '</ul>';
        }
    }
    $post = $orig_post;
    wp_reset_query();
?>

Cách sử dụng: Tương tự như cách sử dụng code dựa trên Categories, bạn chỉ cần thay thế đoạn code trong file single.php bằng đoạn code này.

Lưu ý khi sử dụng code

  • Trước khi chỉnh sửa bất kỳ file theme nào, hãy sao lưu nó để tránh mất dữ liệu.
  • Code có thể cần được điều chỉnh để phù hợp với theme của bạn.
  • Nếu bạn không chắc chắn về điều gì, hãy tìm kiếm sự trợ giúp từ một nhà phát triển WordPress.

Kết luận

Việc hiển thị các trang liên quan là một cách tuyệt vời để cải thiện trải nghiệm người dùng, tăng thời gian ở lại trang web và cải thiện SEO. Bạn có thể chọn sử dụng plugin hoặc code để thêm tính năng này vào trang web của mình, tùy thuộc vào trình độ kỹ thuật và nhu cầu của bạn. Nếu bạn mới bắt đầu, plugin có thể là một lựa chọn dễ dàng hơn. Nếu bạn muốn có nhiều quyền kiểm soát hơn, code có thể là một lựa chọn tốt hơn.

Dù bạn chọn cách nào, hãy đảm bảo rằng các trang liên quan của bạn được hiển thị một cách rõ ràng và dễ tìm, và chúng thực sự có liên quan đến nội dung mà người dùng đang xem.

Related Topics by Tag
, , , ,

..