Đếm số bình luận của mỗi người, user comment count trên WordPress

Dem so binh luan cua ban be tren Hocban.vn - anh minh hoa

Đếm số bình luận của bạn bè trên Hocban.vn – ảnh minh họa

Hello ! Hôm nay mình sẽ thêm bộ đếm bình luận của mỗi người dùng trên WordPress (user comment count). Các bạn có thể tham khảo cách làm để vận dụng cho blog của các bạn nhé !

Thủ thuật này trên mạng chia sẻ khá nhiều rồi, tuy nhiên điểm khó ở chỗ là chúng ta không biết phải chèn cái bộ đếm ở đâu để cho nó hiển thị số comment cả.

Thì hôm nay mình sẽ làm  thử với theme Smartline và chụp lại ảnh màn hình để các bạn dễ hình dung. Sau đây là cách thực hiện:



Thêm bộ đếm bình luận của mỗi người trên WordPress

Mặc định WordPress không có tính năng đếm bình luận cho mỗi người nên để thêm tính năng này chúng ta sẽ chèn lần lượt các đoạn code dưới đây vào những vị trí tương ứng, trong những file tương ứng.

Mình nói thêm là thủ thuật này mình tham khảo từ bài viết của bạn Tuấn Lê trên blog Mộc Gin với tiêu đề: Hiển thị số comment đã đăng sau tên bình luận WordPress.

Để thực hiện thì đầu tiên các bạn copy đoạn code sau và dán vào cuối file function.php và nhấn lưu lại. Đây là đoạn code để nó thực thi tính năng đếm bình luận.

function commentCount() {
    global $wpdb;
    $count = $wpdb->get_var('SELECT COUNT(comment_ID) FROM ' . $wpdb->comments. ' WHERE comment_author_email = "' . get_comment_author_email() . '"');
    echo $count . ' bình luận )';
}

Tiếp theo các bạn mở file template-tags.php , đường dẫn đến file này trên theme Smartline là: wp-content\themes\smartline-lite\inc .Tìm đến dòng comment-author vcard như hình bên dưới.

Tim va dan doan code dem comment tron file template-tags php

Tìm và dán đoạn code đếm comment trong file template-tags.php

Bên dưới nó 02 dòng, chỗ vị trí mình để mũi tên (có thể bấm Enter xuống dòng cho dễ nhìn), các bạn dán vào đó đoạn code sau và nhấn lưu lại.

<?php commentCount(); ?>

Oke, như vậy là các bạn đã phần đếm comment cho mỗi người thành công rồi đấy. Và để nó đẹp hơn các bạn chỉnh lại màu sắc chữ của bộ đếm bằng đoạn code dưới đây vào phần Additional CSS trong phần tùy chỉnh (Customizing) của WordPress và nhấn lưu lại.

.comment-author.vcard {
    color: #d50048;
}

Bây giờ bạn có thể kéo xuống và xem thử thành quả rồi đấy ! Cái này cũng tùy vào theme mà vị trí chèn code nó sẽ khác nhau. Thế nhưng mà có khác gì đi nữa thì nó cũng phải được chèn bên cạnh code hiển thị tên người bình luận (comment author).

Oke, thì bài này mình viết lại cái thủ thuật này để dùng về sau nếu quên. Nó áp dụng cho mẫu theme mà Hocban.vn đang xài. Các bạn có thể tham khảo và làm tương tự với mẫu theme mà bạn đang sử dụng. Nếu có gì thắc mắc hoặc góp ý thì các bạn có thể để lại bình luận bên dưới, cảm ơn các bạn !

Bài viết 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, một thanh niên đến từ Gia Lai, lai rai hay đi comment dạo 😂

avatar
26 Comment threads
94 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
23 Comment authors
Lại Đình CườngSaboStar Cường ITLe HaiJML Music Recent comment authors
Lại Đình Cường <span class="wpdiscuz-comment-count">114 bình luận </span>

Mấy code truy vấn kiểu này nên thêm transient lưu hàng ngày vào. Khi có bình luận mới thì xóa transient đó đi.

Lại Đình Cường <span class="wpdiscuz-comment-count">114 bình luận </span>

Dùng WP từ từ rồi biết hết luôn í bạn. Giống kiểu nhai đi nhai lại vậy. Mà công nhận blog của bạn bài nào cũng có bình luận, chắc là bạn có nhiều bạn bè làm blog lắm nên ghé thăm chém gió hàng ngày ^^

Sabo <span class="wpdiscuz-comment-count">28 bình luận </span>

Còn chờ đợi điều gì nữa mà ko nghịch đi a, nhiều người cũng đang quan tâm vụ đó mà :D, hic comment 2 lớp mỗi lần reply xong lại phải post cái mới @@

Sabo <span class="wpdiscuz-comment-count">28 bình luận </span>

Chuyển comment về Wpdiscuz chèn code phức tạp hơn anh ah, comment mặc định của WP ngồi vọc tý là xong.

Sabo <span class="wpdiscuz-comment-count">28 bình luận </span>

Đã làm và thành công, a thử làm thêm phần chữ Admin cạnh tên Tác giả như CanhMe đi ạ. Mong mỏi bài hướng dẫn về phần đó.

Star Cường IT <span class="wpdiscuz-comment-count">59 bình luận </span>

Em đang tìm cái như thế này mà của blogspot 🙁 ,không biết anh có không nhỉ 😀

Star Cường IT <span class="wpdiscuz-comment-count">59 bình luận </span>

chụp kiểu gì nhở :3 e mới vô nhóm thôi

Star Cường IT <span class="wpdiscuz-comment-count">59 bình luận </span>

:3 chổ đăng câu hỏi ở đâu, có cần đăng nhập không >< sao e không thấy

Star Cường IT <span class="wpdiscuz-comment-count">59 bình luận </span>

ặc @@ thế đi nhầm chổ à :3

NAD <span class="wpdiscuz-comment-count">48 bình luận </span>

Comment 100th :d

Le Hai <span class="wpdiscuz-comment-count">15 bình luận </span>

thank kiu ban

JML Music <span class="wpdiscuz-comment-count">67 bình luận </span>

Nay chắc bị reset comment lại con số 1 rồi 🙁 lâu rồi mới ghé

shop bé bụ bẫm <span class="wpdiscuz-comment-count">4 bình luận </span>

Theme của mình vẫn có bình luận bình thường. viewcode lên vẫn có các thông tin như hình nhưng lại không có file template-tags.php
vậy phải làm sao nhỉ. Không biết dòng code đó đang ở đâu. Mình cũng đang mình đoạn đó mấy hôm mà ko thấy

Bao <span class="wpdiscuz-comment-count">1 bình luận </span>
Bao 1 bình luận

hay

Đọc truyện miễn phí <span class="wpdiscuz-comment-count">1 bình luận </span>

Đùa chứ, kéo cmt mỏi cả tay, trang này tụ tập toàn lão hít đu đủ

Hoàng Vũ <span class="wpdiscuz-comment-count">51 bình luận </span>

Thề mấy nay vào học bạn chỉ nghe nhạc! 😀 Bài này nó hợp với em quá mà

Hoàng Vũ <span class="wpdiscuz-comment-count">51 bình luận </span>

Cho nhạc sếp’ss tùng cho ae quẩy sếp ạ 😀

Sơn Standa <span class="wpdiscuz-comment-count">5 bình luận </span>

Chỉ tổ nặng thêm chứ được cái gì đâu :))

Lê Huy <span class="wpdiscuz-comment-count">9 bình luận </span>

Công nhận một số site có thêm số đếm bình luận thấy rất thích, cảm giác như đang đua top comment.

Thanks bác Tịnh

Blog Duy Đàm <span class="wpdiscuz-comment-count">63 bình luận </span>

Bạn làm sao cài được file phát nhacj trên Blog vậy?

Blog Duy Đàm <span class="wpdiscuz-comment-count">63 bình luận </span>

Hay nhỉ. Để thử xem. Dạo nay thấy blog của bạn rầm rộ, vui quá.

Blog Duy Đàm <span class="wpdiscuz-comment-count">63 bình luận </span>

Cách nào mà tăng việc lên gớm vậy?

Blog Duy Đàm <span class="wpdiscuz-comment-count">63 bình luận </span>

Ý lộn tăng view chứ không phải tăng việc nhé. Hihi

Blog Duy Đàm <span class="wpdiscuz-comment-count">63 bình luận </span>

Chắc mình cũng làm một bài về cách kiếm tiền rồi đăng thử. Hehe

Quang <span class="wpdiscuz-comment-count">4 bình luận </span>
Quang 4 bình luận

Bác admin viết bài hướng dẫn hiển thị avatar bình luận bằng chữ đầu tiên trong tên người bình luận đi. Em đang thắc mắc cái đó, thấy toàn dùng plugin.

Quang <span class="wpdiscuz-comment-count">4 bình luận </span>
Quang 4 bình luận

Đây nè admin: “Hiển thị avatar bình luận theo bảng chữ cái”

Quang <span class="wpdiscuz-comment-count">4 bình luận </span>
Quang 4 bình luận

Avatar trên họcban là người có tài khoản trên wordpress.com à admin?

Quang <span class="wpdiscuz-comment-count">4 bình luận </span>
Quang 4 bình luận

Em làm web kinh doanh, giới thiệu sản phẩm nên khách hàng bình luận chủ yếu thì không phải là thành viên làm wordpress. Vậy cảm ơn admin.

ThucLe Blog <span class="wpdiscuz-comment-count">37 bình luận </span>

Bạn có thể xét ảnh hiển thị cho khách trong phần cài đặt nhé nó lấy ngẫu nhiên trên gravatar theo chủ đề nhé cái avatar trên này là ảnh mặc định của wordpress http://thucle.net/2017/07/wordpress-cau-hinh-hien-thi-anh-gravatar-tren-wordpress-ngau-nhien.html

Cao Hiếu <span class="wpdiscuz-comment-count">29 bình luận </span>

cái mục template-tags.php ở đâu vậy bác, kiếm hoài mà k thấy

Cao Hiếu <span class="wpdiscuz-comment-count">29 bình luận </span>

ok bác, để e kiểm tra thử xem.cảm ơn bác

Cao Hiếu <span class="wpdiscuz-comment-count">29 bình luận </span>

của e k có mục smartline-lite\inc luôn bác ợ huhu

Phước Đt <span class="wpdiscuz-comment-count">32 bình luận </span>

Đã làm thành công. Demo sống cho bạn nào tham khảo nhé http://yeualo.com/view/cach-chup-anh-man-hinh-dien-thoai-samsung-galaxy#7058

PhướcĐt <span class="wpdiscuz-comment-count">32 bình luận </span>

Làm lâu rồi bác à. Làm cách đây mấy năm rồi 😅😅😅

Phước Đt <span class="wpdiscuz-comment-count">32 bình luận </span>

Vân có bác à. Nhưng lâu lâu thôi bác.

PhướcĐt <span class="wpdiscuz-comment-count">32 bình luận </span>

Không có đâu bác ơi. Bên ngoài là thế. Chứ thực sự khổ lắm. Mấy ai hiểu đâu 😅😅😅

Hoàng Vũ <span class="wpdiscuz-comment-count">51 bình luận </span>

Với lại bác Tịnh Nguyễn làm thế nào cho comment mới nhất lên đầu zị? blog em cmt mới toàn bị đẩy xuống dưới

Hoàng Vũ <span class="wpdiscuz-comment-count">51 bình luận </span>

Quào mò ra rùi! Giờ e mới có thời gian lên blog để rep cái còm mem này 😀

Hoàng Vũ <span class="wpdiscuz-comment-count">51 bình luận </span>

Ò ò em bỏ tick 2 cái ô trong phần Before a comment appears rùi đó! Hông biết đã ok chưa 😀

Hoàng Vũ <span class="wpdiscuz-comment-count">51 bình luận </span>

Chính xác là trong phần Before a comment appears đó sếp. Nhưng sẽ tick vào cái ô Comment author must have a previously approved comment

Hoàng Vũ <span class="wpdiscuz-comment-count">51 bình luận </span>

đó đó chính xác là nó rùi 😀 ủa lạ nhỉ

Hoàng Vũ <span class="wpdiscuz-comment-count">51 bình luận </span>

Em có qua blog huuthuan xem thì lại là “Còn nếu bạn muốn comment của họ sẽ được hiển thị ngay mà không cần chờ duyệt thì có thể vào Settings ( Cài đặt) > Discussions (Thảo luận) và bỏ chọn Comment author must have a previously approved comment (Người gửi phản hồi đã từng có phản hồi được chấp nhận)”

Hoàng Vũ <span class="wpdiscuz-comment-count">51 bình luận </span>

Quào đang định thêm cái này cho bờ nóc

Hoàng Vũ <span class="wpdiscuz-comment-count">51 bình luận </span>

Tất nhin. Đang tìm không gian cho em này :v Bác thiết kế cho em phát xem lào ahihi

Hoàng Vũ <span class="wpdiscuz-comment-count">51 bình luận </span>

Chắc em dùng theme này lun. Làm lại theme cũng mệt ghê đấy 😀

Thucle Blogs <span class="wpdiscuz-comment-count">37 bình luận </span>

Có nhiều theme free cũng tương tự Mình sẽ giới thiệu cho bạn mấy cái cũng dẽ chỉnh

Hữu Thuần <span class="wpdiscuz-comment-count">88 bình luận </span>

Làm một bài hướng dẫn trên Genesis nữa đi bác 😀

Hữu Thuần <span class="wpdiscuz-comment-count">88 bình luận </span>

Nói vui thôi chứ tui thì không thích tích hợp cái này cho lắm 😀 để cho nó mờ ảo mới vui 😀

Cao Hiếu <span class="wpdiscuz-comment-count">29 bình luận </span>

ô, e xài plugin, phải học bạn ngay mới được :v

Cao Hiếu <span class="wpdiscuz-comment-count">29 bình luận </span>

oh thế hả, chắc e nhầm. e mới 21 thôi sao ahuhu

Cao Hiếu <span class="wpdiscuz-comment-count">29 bình luận </span>

vâng, chắc e bỏ, e xài cái mặc định của theme luôn :)). dạo này nó lỗi hay gì ấy, có vạch trắng trắng nhìn ghét quá :v

Cao Hiếu <span class="wpdiscuz-comment-count">29 bình luận </span>

oke nà, cảm ơn ad :))
Mà cho e hỏi xíu, plugin hay code nào phân trang được như vầy hông

https://uphinhnhanh.com/image/MMoyJB

Cao Hiếu <span class="wpdiscuz-comment-count">29 bình luận </span>

Cảm ơn ad nà, để test thử xem :3

Cao Hiếu <span class="wpdiscuz-comment-count">29 bình luận </span>

Nghịch rồi, mà vẫn k được. có khi nào do theme của e :v

NAD <span class="wpdiscuz-comment-count">48 bình luận </span>

Blogspot mà có cái này thì hay 😀

Vũ Minh Chiến <span class="wpdiscuz-comment-count">20 bình luận </span>

Blogspot sang đọc bài của bác Mộc Gin ấy

Vỹ Spirit <span class="wpdiscuz-comment-count">106 bình luận </span>

Em được bao nhiều rồi, 1k bình luận chưa nhỉ 😀

Vỹ Spirit <span class="wpdiscuz-comment-count">106 bình luận </span>

Vậy là quá nhiều rồi :3 đề nghị Admin trao thưởng.

Doãn Bắc Tâm <span class="wpdiscuz-comment-count">34 bình luận </span>

Cái này để cho ae tranh đua là chính

Doãn Bắc Tâm <span class="wpdiscuz-comment-count">34 bình luận </span>

:)) canhm mới thêm cái danh hiệu thì thêm độ hút máu 😀

Tín Châu <span class="wpdiscuz-comment-count">26 bình luận </span>

Ủa sao không đặt like và share nhỉ ?

Tín Châu <span class="wpdiscuz-comment-count">26 bình luận </span>

Cái này hay quá. Cảm ơn nhé