Hướng dẫn code hiển thị số lượt xem bài viết trên WordPress

Bận bịu công việc quá, hôm nay tôi mới có thời gian chia sẻ ít kiến thức cho các bạn nữa nè. Mỗi người 1 ý, có bạn thì thích để lượt view bài viết để biết được khách hàng họ quan tâm bài nào nhiều hơn. Do đó, trong bài này. Cam Ranh Media xin hướng dẫn code hiển thị số lượt xem bài viết trên WordPress. Đây là một cách mà tôi đã thực hiện khá đơn giản. Hãy xem ngay dưới đây nhé!

Quan tâm nhiều: Học thiết kế web ở Nha Trang

Mục đích của việc code hiển thị số lượt xem bài viết trên WordPress

Dưới đây là 2 mục đích rất thiết thực cho việt code hiển thị số lượt xem bài viết.

+ Hiển thị số lượt xem bài viết. Giúp cho tác giả nhìn ngay ra được bài viết đó được bao nhiêu lượt xem. Kiểu như thành tích ấy mà, khá là hứng thú đấy các bạn.

+ Đối với người dùng thì những bài viết có lượt xem nhiều sẽ thu hút họ ngay cái nhìn đầu tiên. Nhiều năm kinh nghiệm trong ngành. Tôi biết rằng với những bài viết có nhiều lượt xem. Thì khách hàng cũng sẽ muốn xem thử nó có gì hay ho mà nhiều người xem vậy. Và chính họ cũng đã đóng góp một lượt xem cho bài viết đó phải không nào.

Có nên sử dụng plugin WP-PostViews để hiện số lượt xem bài viết không?

Việc tích hợp bộ đếm số lượt xem trang/ bài viết thì WP-PostViews luôn là sự lựa chọn hàng đầu. Tuy nhiên, việc sử dụng plugin này khá là phức tạp. Và có thể gây lỗi giao diện nếu bạn sử dụng không đúng cách (chèn code sai). Hãy quên ngay WP-PostViews đi nghen các bạn. Bởi vì ngay dưới đây là cách code hiển thị số lượt xem bài viết trên WordPress. Một cách khá là đơn giản mà lại nhẹ được cái web cho các bạn.

Xem thêm: Thiết kế website

Hướng dẫn code hiển thị số lượt xem bài viết trên WordPress

Các bạn lần lượt chèn đoạn code sau vào các file tương ứng như mình hướng dẫn nhé. Trong bài viết này, mình thực hiện trên theme GeneratePress để các bạn tham khảo.

Bước 1: Chèn code đếm lượt xem vào cuối file function.php của theme đang sử dụng:

//CODE LAY LUOT XEM
function getPostViews($postID){
    $count_key = 'post_views_count';
    $count = get_post_meta($postID, $count_key, true);
    if($count==''){
        delete_post_meta($postID, $count_key);
        add_post_meta($postID, $count_key, '0');
        return "01 Lượt Xem";
    }
    return $count.' Lượt Xem';
}
 
// CODE DEM LUOT XEM
function setPostViews($postID) {
    $count_key = 'post_views_count';
    $count = get_post_meta($postID, $count_key, true);
    if($count==''){
        $count = 0;
        delete_post_meta($postID, $count_key);
        add_post_meta($postID, $count_key, '0');
    }else{
        $count++;
        update_post_meta($postID, $count_key, $count);
    }
}
  
//CODE HIEN THI SO LUOT XEM BAI VIET TRONG DASHBOARDH
add_filter('manage_posts_columns', 'posts_column_views');
add_action('manage_posts_custom_column', 'posts_custom_column_views',5,2);
function posts_column_views($defaults){
    $defaults['post_views'] = __('Views');
    return $defaults;
}
function posts_custom_column_views($column_name, $id){
    if($column_name === 'post_views'){
        echo getPostViews(get_the_ID());
    }
}

Bước 2: Các bạn dán đoạn dưới đây vào trong file single.php 

<?php setPostViews(get_the_ID()); ?>

Hướng dẫn code hiển thị số lượt xem bài viết trên WordPress

=> Tại các theme khác các bạn cũng chèn như hình nhé!

Bước 3: Chèn đoạn code sau vào vị trí bạn muốn nó hiển thị. Tại theme GeneratePress các bạn theo đường dẫn như sau: /inc/structure/post-meta.php

<span class="view" style="color: #837b7b;">
  <?php echo getPostViews(get_the_ID()); ?>
</span>

Hướng dẫn code hiển thị số lượt xem bài viết trên WordPress

Như vậy là xong hết rồi đấy các bạn. Các bạn xem kết quả trên bài viết này luôn nhé!

Lời kết

Túm lại, những bước làm trên. Chỉ có bước 3 nếu bạn dùng theme khác. Thì bạn phải tìm file chứa vị trị cần hiển thị là được. Những bước làm trên khá là đơn giản phải không nào. Hi vọng bài viết này sẽ giúp ích cho các bạn. 

Xem chi tiết