Hiển thị số lượt xem bài viết trong post meta của category post widget

Hiển thị số lượt xem bài viết trong post meta widget

Hiển thị số lượt xem bài viết ở widget post category Hocban.vn

Trong bài này mình chia sẻ với bạn cách để hiển thị số lượt xem bài viết trong post meta của category post widget và ví dụ minh họa là Theme Smartline.

Trường hợp đặt ra là mình muốn hiển thị thêm số lượt xem bài viết bên cạnh số comment và ngày đăng bài như hình đầu bài viết.

Cách hiển thị số lượt xem bài viết trong post meta widget

Cách thực hiện thì đầu tiên bạn cần xem qua bài viết: Đếm và hiển thị số lượt xem bài viết trên WordPress | xong rồi thì tiếp tục nào :v

Xác định vị trí cần chèn code hiển thị lượt xem. Trong ví dụ của mình là hiển thị ở phần post meta, trong widget category post grid.

Vi tri can chen code dem luot xem

Vi tri can chen code dem luot xem

Đường dẫn vào file này trong theme Smartline là:

wp-content\themes\smartline-lite\inc\widgets\widget-category-posts-grid

Bạn tìm đến dòng: small-post-content là sẽ thấy đoạn code như trên ảnh và vị trí cần chèn luôn. Bây giờ chèn đoạn code sau vào ngay chỗ chỉ mũi tên, sau đó nhấn lưu file lại và xem kết quả nhé !

<span class="luot-xem">
<?php echo getPostViews(get_the_ID()); ?> </span>

Tiếp theo là chèn đoạn CSS sau vào phần CSS tùy chỉnh của theme:

.small-post-content span.luot-xem {
color: #5d5d5d;
}

Như vậy là xong rồi đó, bạn làm được chưa ? Và nếu chưa được thì hãy ứng dụng trên theme Smartline trước. Sau khi biết cách làm hãy chuyển sang theme khác nghen.

Bài viết có vẻ liên quan

Bài viết bạn đang xem được viết bởi Tịnh Nguyễn, là người thường đăng bài và comment dạo trên Hocban.vn

Không biết bạn đã từng đọc qua các nội dung dưới đây chưa nhỉ ?

guest
6 Comments
Inline Feedbacks
View all comments
Toan <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #e91e63;">) </span>
Friend
Toan (1)

Với theme Flatsome thì gắn ở đâu vậy bác?

Mr. Phước <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">5</span><span style="color: #e91e63;">) </span>
Friend

Hay đó bác!

Mr Phước <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">5</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Hocban.vn

Không phải bác nhé! Bác ghé thăm blog mình mỗi ngày để biết phước nào 😀