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

Nếu bạn thấy bài viết này hữu ích thì có thể chia sẻ nó qua:

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

Bài viết có vẻ liên quan ^ ^
avatar
1 Comment threads
3 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
2 Comment authors
Mr PhướcHocban.vnMr. Phước Recent comment authors
Mr. Phước <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">2</span><span style="color: #e91e63;">) </span>

Hay đó bác!

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

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 😀