An Trần Digital
No Result
View All Result
Thứ Năm, Tháng Năm 15, 2025
  • Thủ thuật
    • Blogspot/Blogger
    • Phần Mềm
    • WordPress
    • Plugin WordPress
  • Đồ hoạ
    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
  • Themes
    • Blogger/Blogspot
    • WordPress
  • Khoá học miễn phí
    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình – Web
    • Marketing – SEO
  • Source Code
  • Mã giảm giá Shopee, Tiki
Ủng hộ tôi
An Trần Digital
  • Thủ thuật
    • Blogspot/Blogger
    • Phần Mềm
    • WordPress
    • Plugin WordPress
  • Đồ hoạ
    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
  • Themes
    • Blogger/Blogspot
    • WordPress
  • Khoá học miễn phí
    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình – Web
    • Marketing – SEO
  • Source Code
  • Mã giảm giá Shopee, Tiki
No Result
View All Result
An Trần Digital
No Result
View All Result

Home - Thủ thuật Wordpress - Hướng dẫn cách thêm lượt xem bài viết cho website

Hướng dẫn cách thêm lượt xem bài viết cho website

by An Tran
01/11/2023
in Thủ thuật Wordpress
Reading Time: 3 mins read
A A
0
Cách thêm lượt xem bài viết cho website wordpress
8
SHARES
106
VIEWS

Nội dung bài viết

  1. Giới thiệu
  2. Cách thêm lượt xem bài viết
  3. Kết luận

Giới thiệu

Lượt xem bài viết là một yếu tố quan trọng để đo lường sự phổ biến và tương tác của nội dung trên trang web của bạn. Trong bài viết này, chúng ta sẽ hướng dẫn bạn cách thêm lượt xem cho các bài viết trên trang web WordPress của bạn mà không cần sử dụng plugin.

Cách thêm lượt xem bài viết

Bước 1: Mở file functions.php của theme bạn đang sử dụng.

Bước 2: Thêm đoạn mã sau vào functions.php:

Để duy trì blog ngoài link rút gọn & mình có làm aff cho 1 số bên hosting.

Các nhà cung cấp uy tín về mặt chất lượng & đội ngũ support nên mọi người cứ yên tâm.

Nếu bạn đang có ý định mua Hosting, VPS mình có list dưới đây các bạn click vào link trước khi mua để ủng hộ mình nhé. Mình cảm ơn nhiều

  • Azdigi: Giá rẻ thì dùng gói Pro Gold Hosting còn chất lượng hơn thì em khuyên dùng Business Hosting. Có điều kiện thì lên VPS nhé
  • Tino: Business Hosting, NVMe Hosting và NVMe VPS
  • iNet: Cloud VPS và Web Hosting
function custom_post_views($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);
    }
}

Bước 3: Mở file single.php hoặc content.php của theme. Tìm nơi bạn muốn hiển thị số lượt xem, thường sau các thông tin meta của bài viết.

Thêm đoạn mã sau vào vị trí đó:

<?php
    $postID = get_the_ID();
    custom_post_views($postID);
    $view_count = get_post_meta($postID, 'post_views_count', true);
    echo 'Lượt xem: ' . $view_count;
?>

Như vậy là đã thêm xong và xem thành quả thôi.

Tìm hiểu thêm: Cách tạo thêm menu trong admin wordpress

Nếu các bạn bạn muốn thay chữ Lượt xem thành icon thì làm như sau.

Thêm đoạn mã sau vào phần <head> của file header.php hoặc tệp header của theme:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha384-df4Lwm7Y8xpfj67pI/Zog06EeFqH5qj7zmjhK28Ufr4ViOgTF/mMAd/GwvU2t2VR" crossorigin="anonymous">

Thay thế text “Lượt xem” bằng biểu tượng view trong file single.php hoặc content.php:

<?php
   $postID = get_the_ID();
   custom_post_views($postID);
   $view_count = get_post_meta($postID, 'post_views_count', true);
   echo '<i class="fas fa-eye"></i> ' . $view_count;
?>

Trong đoạn mã trên, <i class="fas fa-eye"></i> sử dụng biểu tượng view từ FontAwesome. Bạn cũng có thể thay đổi biểu tượng bằng cách thay đổi lớp và mã biểu tượng tương ứng từ FontAwesome.

Kết luận

Bằng cách thực hiện mà An Trần Digital hướng dẫn các bước trên, bạn có thể dễ dàng thêm tính năng lượt xem cho các bài viết trên trang web WordPress của bạn mà không cần sử dụng plugin. Điều này giúp bạn đo lường và theo dõi tương tác của độc giả với nội dung của bạn một cách dễ dàng và hiệu quả.

Chúc bạn thành công trong việc tối ưu hóa website của mình!

Tags: cách thêm lượt xem bài viết website
Previous Post

[Download] Enfold Theme WordPress free

Next Post

Cách tạo hiệu ứng popup lightbox với Fancybox cho ảnh trong blogspot

An Tran

An Tran

Tôi là An Trần, thuộc thế hệ 9X. Hiện tại đang làm nhân viên cắt cỏ tại sân Old Trafford.

Related Posts

cách tạo shortcode hiển thị ngày tháng tự động cho wordpress

Cách Tạo Shortcode Hiển Thị Ngày Tháng Tự Động Trong WordPress

12/12/2024
Tự động thêm nguồn khi sao chép nội dung

Cách tự động thêm nguồn khi sao chép nội dung

16/10/2024
hướng dẫn custom bảng tin trong admin wordpress

Hướng dẫn custom bảng tin trong admin wordpress

09/07/2024
cách hiển thị thời gian đọc bài viết trên website

Cách hiển thị thời gian đọc bài viết trên website

06/06/2024
Next Post
Cách tạo hiệu ứng popup lightbox với Fancybox cho ảnh

Cách tạo hiệu ứng popup lightbox với Fancybox cho ảnh trong blogspot

Subscribe
Notify of
guest

Hãy dùng tên của bạn khi comment, không sử dụng keyword trong ô Tên. Xin cảm ơn!

guest

Hãy dùng tên của bạn khi comment, không sử dụng keyword trong ô Tên. Xin cảm ơn!

0 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments

BÀI VIẾT NGẪU NHIÊN

valorant-Riot-Games-antrandigital

Hướng dẫn tạo tài khoản chơi game Valorant Riot

03/07/2020
Cách ẩn widget trên giao diện điện thoại cho website wordpress an trần digital

[WordPress] Cách ẩn Widget trên giao diện mobile cho website

05/01/2022
khoa-hoc-adobe-indesign-toan-tap-antrandigital

Chia sẻ khoá học Adobe InDesign CC toàn tập

12/07/2020
tao-hieu-ung-cho-anh-pro-oil-paint-photoshop-action-antrandigital

Tạo hiệu ứng cho ảnh – Pro Oil Paint Photoshop Action

15/01/2021

HOSTING / VPS KHUYÊN DÙNG

logo azdigi

Hosting WordPress chất lượng cao. Support tốt 24/7. Xem ngay

logo inet

Nhà cung cấp hosting, tên miền có lâu đời ở Việt Nam. Xem ngay

logo tinohost

Hosting WordPress chất lượng cao. Support tốt. Dùng thử 7 ngày. Click để nhận mã giảm 10% ngay. Xem ngay


An Trần Digital là blog cá nhân chia sẻ preset lightroom, camera raw từ máy tính đến mobile, template blogspot, theme wordpress và các khoá học khác hoàn toàn miễn phí.

DMCA.com Protection Status

Comments gần đây

  • An Tran
    Quản lý
    trong Share Key Screaming Frog SEO Spider
  • gia cat luoing trong Share Key Screaming Frog SEO Spider
  • An Tran
    Quản lý
    trong Share Key Screaming Frog SEO Spider

Xem nhiều nhất ngày

Share Key Screaming Frog SEO Spider

Code hiệu ứng hoa mai rơi cho blog/website

Về An Trần Digital

Giới thiệu về tôi

Bảo mật

Hợp tác

Bản quyền

Liên hệ

Donate

© 2020 An Trần Digital - All Rights Reserved

No Result
View All Result
  • Thủ thuật
    • Blogspot/Blogger
    • Phần Mềm
    • WordPress
    • Plugin WordPress
  • Đồ hoạ
    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
  • Themes
    • Blogger/Blogspot
    • WordPress
  • Khoá học miễn phí
    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình – Web
    • Marketing – SEO
  • Source Code
  • Mã giảm giá Shopee, Tiki

© 2020 An Trần Digital - All Rights Reserved

wpDiscuz

Đồng ý sử dụng cookie

Những cookie này giúp trang web ghi nhớ thông tin về lần truy cập của bạn. Nhờ đó, bạn có thể truy cập trang web này dễ dàng hơn vào lần tới và trang web cũng trở nên hữu ích hơn cho bạn. Tìm hiểu thêm