Tìm theo từ khóa

Hiển thị số lượt xem bài viết trong theme Flatsome không dùng plugin



Hiển thị số lượt xem bài viết trong WordPress giúp chúng ta đánh giá tốt hơn về phản ứng của khách hàng với nội dung bài viết. Các bạn có thể dùng các Plugin có sẵn để giải quyết nhanh vấn đề này. Tuy nhiên nếu bạn rành về code và muốn tối ưu hơn cho website của mình thì có thể tham khảo các đoạn code mình sưu tập sau đây để đếm view, hiển thị cho các bài viết (post) và sản phẩm (product) trong web mình nhé.

Thêm code đếm và hiển thị số lượt xem bài viết

Bước 1: Code đếm và hiển thị số lượt xem bài viết

Thêm các đoạn code sau vào Function.php nhé.

B 1.1: code lấy lượt xem

B 1.2: code đếm lượt xem

B 1.3: code hiển thị số lượt xem trong dashboard

Bước 2: Viết code hiển thị lượt xem

Các đoạn code trên chỉ mới đếm và lưu các lượt xem vào data thôi chứ chưa hiển thị, thêm các đoạn code sau vào file tương ứng để xem thành quả của mình nhé:

B 2.1: thêm code hiển thị lượt xem trong trang

Các bạn thêm đoạn code dưới đây   setPostViews(get_the_ID()); vào bất kỳ vị trí nào trong code của post. Cách tốt nhất là hook vào header của Flatsome bằng hàm như bên dưới vào function.php của theme

B 2.2: thêm code hiển thị lượt xem trong trang

Code hiển thị các thông số view ta hook vào title của post bằng cách overwrite hàm sau của theme Flatsome nhé

Viết widget hiển thị bài xem nhiều

Đoạn code sau mình tham khảo bài viết của Blog thachpham và thay đổi các hàm hiển thị phù hợp với code đếm view ở trên. Các bạn thêm đoạn code sau vào function.php của theme nhé.

Cập nhật 02/12/2022

Hiển thị lược xem trong trang sản phẩm

Dùng đoạn code như sau để hiển thị lược xem trong trang sản phẩm Flatsome

Trong đoạn code trên có tạo shortcode là [ codfe-show-post-views] để hiển thị views, các bạn có thể thêm shortcode này vào bất kỳ đâu trong bài viết để hiển thị ra nhé.

Các bạn xem thêm các bài viết sau để chọn lại vị trí hiển thị phù hợp với mình nhé

  1. Các hàm hook & action trong Woocommerce
  2. Các hàm hook & action trong trang sản phẩm Flatsome.

Tải toàn bộ code bên dưới Flatsome post view (352 downloads)

Bước 2: Viết code hiển thị lượt xem

Các đoạn code trên chỉ mới đếm và lưu các lượt xem vào data thôi chứ chưa hiển thị, thêm các đoạn code sau vào file tương ứng để xem thành quả của mình nhé:

B 2.1: thêm code hiển thị lượt xem trong trang

Các bạn thêm đoạn code dưới đây  <?php setPostViews(get_the_ID()); ?>

Vào dòng 2 trong file  flatsometemplate-partspostscontent-single.php

B 2.1: thêm code hiển thị lượt xem trong trang
B 2.1: thêm code hiển thị lượt xem trong trang

B 2.2: thêm code hiển thị lượt xem trong trang

Thay đoạn code sau vào dòng 244 trong file >> flatsomeincstructurestructure-posts.php

B 2.2: thêm code hiển thị lượt xem trong trang
B 2.2: thêm code hiển thị lượt xem trong trang

Cập nhật thêm code này để có thêm số comment

Viết widget hiển thị bài xem nhiều

Đoạn code sau mình tham khảo bài viết của Blog thachpham và thay đổi các hàm hiển thị phù hợp với code đếm view ở trên. Các bạn thêm đoạn code sau vào function.php của theme nhé.

Toàn bộ code trong bài viết cho các bạn tham khảo

5/5 - (6 bình chọn)
5 2 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest
22 Góp ý
Mới nhất
Cũ nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận
andora
7 tháng trước

bài viết hữu ích.

Thắm
Thắm
1 năm trước

muốn hiện lượt xem ra danh mục bài viết hay một block bất kỳ của flatsome

cạnh phần comment thì làm ntn vậy ad

Mong nhận được phản hồi từ a

Ảnh chụp màn hình 2021-09-28 165020.png
quang
quang
1 năm trước

code hiển thị lượt xem bài viết ở widget ( flatsome ) ntn vậy ad ơi

Ảnh chụp màn hình 2021-09-16 004537.png
quang
quang
Trả lời  Aiken Trung
1 năm trước

bác cho em xin contact để nhờ bác custom lại xíu với ạ

La D
1 năm trước

Làm sao để x10 số đếm sếp ơi?

Toàn
Toàn
2 năm trước

vote bài hay

Định
Định
2 năm trước

HIển thị đ/m2 kiểu gì bác nhở

Phước Thịnh
2 năm trước

Sau khi làm thì trong admin đã show được lượt view anh à, Nhưng ngoài bài viết vẫn không thấy.

EM làm trên flatsome đó anh 😀

Phước Thịnh
Trả lời  Aiken Trung
2 năm trước

Cám ơn bác, đã thành công.

Phước Thịnh
Trả lời  Phước Thịnh
2 năm trước

À anh ơi, hình như codfe không cache hả anh, vì em thấy F5 thì vẫn update được số view. Trên site em thì đang dùng cache, và thấy nó không update số view được.

thang thang
thang thang
Trả lời  Phước Thịnh
2 năm trước

Làm thế nào để n hiển thị luôn cả ra ngoài trang chủ hả anh

thang thang
thang thang
Trả lời  Aiken Trung
2 năm trước

ý e là cho hiện lượt xem ra ngoài blog trang chủ a ạ, e chèn code n chỉ hiển thị trong chi tiết bài viết

le hoai bac
le hoai bac
2 năm trước

hướng dẫn tạo mục lục bài viết đẹp như của bạn đi b

Thọ Nguyễn
Trả lời  le hoai bac
2 năm trước

Xài Fixed TOC nhá bác

duypham
duypham
2 năm trước

tại sao mình chèn vào theme flatsome-child lại không được ạ

0
Rất thích suy nghĩ của bạn, hãy bình luận.x