Làm nổi bật comment của tác giả bài viết trong WordPress

Bạn có một site WordPress có rất nhiều comment bao gồm cả comment của tác giả bài viết và bạn muốn làm nỗi bật các comment này để người xem có thể dễ dàng nhận ra đó làm comment của tác giá. Có rất nhiều cách để làm nổi bật các comment này như thay đổi màu nền, tạo border…Trong bài viết này mình sẽ hướng dẫn một thủ thuật nhỏ giúp bạn có thể làm được việc này rất dễ dàng và nhanh chóng.

Trong các lớp CSS mặc định của WordPress đã có sẵn lớp .bypostauthor trong phần danh sách comment để phân biệt giữa comment của tác giả với các comment khác. Ta chỉ cần thay đổi các thuộc tính của lớp CSS này khác đi so với bình thường là có thể làm nổi bật các comment này.

Tất cả những gì bạn phải làm là thêm đoạn CSS dưới đây vào file style.css của theme bạn đang sử dụng:

.commentlist .bypostauthor {background: #e7f8fb;}
.commentlist li ul.children li.bypostauthor {background: #e7f8fb;}

Đoạn CSS trên sẽ làm thay đổi màu nền các comment của tác giả khác đi so với các comment khác. Bạn có thể thay đổi nó hoặc thêm một số thuộc tính khác cho phù hợp.

Đối với các bạn sử dụng Genesis thì đoạn CSS trên có thay đổi chút ít:

.comment-list .bypostauthor {background: #e7f8fb;}
.comment-list li ul.children li.bypostauthor {background: #e7f8fb;}

Kết quả cuối cùng bạn sẽ được như thế này:

comment noi bat

Hy vọng thủ thuật nhỏ này có thể giúp bạn làm nỗi bật được các comment của tác giả bài viết so với các comment khác, làm cho blog của bạn trở nên đẹp và bắt mắt hơn.

Bạn nghĩ sao về thủ thuật này? Hãy để lại comment bên dưới bài viết nhé!

Đánh giá bài viết này

Chú ý - WordPress Hosting 1$/tháng - miễn phí tên miền

Bạn có biết GoDaddy đang có khuyến mãi WordPress hosting chỉ còn 1$/tháng kèm theo một tên miền .COM .NET .ORG miễn phí. Hãy đăng ký ngay để tiết kiệm chi phí nhất nhé.
Xem ngay

ĐĂNG KÝ NHẬN TIN QUA EMAIL

Nếu thấy bài viết trên blog có ích cho bạn, hãy đăng ký nhận tin qua email để cập nhật bài viết mới nhanh nhất và thỉnh thoảng nhận quà bất ngờ!

Comments

  1. Cảm ơn bạn, mình đã áp dụng thành công. Kể như bạn hướng dẫn thêm về cách chèn bình luận bằng fb và G+ vào bài viết thì sẽ có thể còn hay hơn nữa. Thanks,

  2. Không được nhỉ??? Mình dùng Themes Fearless http://www.phanmemdl.com/ xem giúp với.

  3. khai pham says:

    mình đổi màu các editor comment với admin được không anh?

Gửi bình luận

Lưu ý: Không sử dụng keyword để thay cho tên của bạn, hãy sử dụng tên thật. Cảm ơn bạn đã tham gia bình luận trên blog!