Với việc hiển thị bài viết liên quan trong WordPress hiện nay có rất nhiều Plugin hổ trợ, việc này quả là rất thuận tiện cho các bạn lười code hoặc không am hiểu gì về sửa code là rất nhanh chóng và dễ sử dụng, nhưng với việc một website có quá nhiều plugin quả là không tốt chút nào cho tốc độ load trang, tốc độ truy cập,… Để tránh tình trạng này nên hạn chế sử dụng càng ít Plugin càng tốt.

Hiển thị bài viết liên quan trong trang chi tiết
Hiển thị bài viết liên quan trong trang chi tiết

Đối với vấn đề SEO Onpage thì việc tạo ra các liên kết nội bộ giúp ranking tốt hơn, giảm tỉ lệ thoát và giữ lại người dùng thật lâu. Hôm nay mình xin tổng hợp hai cách hiển thị bài viết liên quan trong WordPress đó là hiển thị bài viết liên quan theo Categories và hiển thị bài viết liên quan theo Tags. Rất đơn giản và dễ thực hiện, các bạn có thể tham khảo và làm theo nhé:

Hiển thị bài viết liên quan theo Categories

Trước tiên bạn cần truy cập vào FileZilla và truy cập vào wp-content/themes/themecuaban và tìm file single.php  vì đây là file giúp bài viết hiển thị. Bạn chọn vị trí muốn hiển thị danh sách bài viết liên quan sau đó paste đoạn code này vào:

<?php
    $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),
        'showposts'=>5, // Số bài viết bạn muốn hiển thị.
        'caller_get_posts'=>1
        );
        $my_query = new wp_query($args);
        if( $my_query->have_posts() )
        {
            echo '<h3>Bài viết liên quan</h3><ul class="list-news">';
            while ($my_query->have_posts())
            {
                $my_query->the_post();
                ?>
                <li>
                 <div class="new-img"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(85, 75)); ?></a></div>
                 <div class="item-list">
                 <h4><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h4>
                 <?php the_excerpt(); ?>
                 </div>
                </li>
                <?php
            }
            echo '</ul>';
        }
    }
?>

Bạn muốn hiển thị số post mong muốn thì chỉnh sửa số “5” thành số bài viết muốn hiển thị ‘showposts’=>5 , ở đây số 5 là số bài viết bạn sẽ hiển thị, nếu muốn hiển thị 10 bài thì sửa thành số 10.

Nếu muốn hiển thị tiêu đề và hình ảnh thì có thể xoá đoạn Excerpt đi: <?php the_excerpt(); ?> các phần còn lại làm tương tự tuỳ ý nhé.

Bạn lưu lại và xem kết quả, để có một giao diện bắt mắt các bạn có thể CSS lại cách hiển thị sao cho phù hợp và mong muốn hiển thị là ok!

Hiển thị bài viết liên quan theo Tags

Cách làm củng tương tự như cách trên bạn vào file single.php và thêm đoạn code sau vào:

<!-- Hiển thị bài viết theo Tag -->
<div id="related-posttags">    
    <?php
        $tags = wp_get_post_tags($post->ID);
        if ($tags)
        {
            $tag_ids = array();
            foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
// lấy danh sách các tag liên quan
            $args=array(
            'tag__in' => $tag_ids,
            'post__not_in' => array($post->ID), // Loại trừ bài viết hiện tại
            'showposts'=>5, // Số bài viết bạn muốn hiển thị.
            'caller_get_posts'=>1
            );
            $my_query = new wp_query($args);
            if( $my_query->have_posts() )
            {
                echo '<h3>Bài viết liên quan</h3><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
                }
                echo '</ul>';
            }
        }
    ?>
</div>

Nhần lưu lại và xem thành quả, sau khi hiển thị được bài viết liên quan trong trang chi tiết, muốn trông đẹp mắt cần phải CSS thêm chút nhé.

Rất đơn giản phải không nào, mong là bài viết có thể giúp các bạn một phần hiểu rỏ cách làm nhanh chóng cách làm hiển thị bài viết liên quan trong bài viết chi tiết WordPress.

 

5/5 - (2 bình chọn)
Chào ! Bạn thấy nội dung này thế nào?

329 lượt xem. Cập nhật lần cuối 29/03/18 by Bình Dương Web. Wordpress

Việt Blue

Quốc Việt hiện đang công tác tại WebStartup ở vị trí bảo vệ và kiêm là quản trị viên, thích chia sẽ và chia sẽ! Phương châm sống "Cho đi sẽ còn lại mãi mãi".