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:
|
1 2 |
.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:
|
1 2 |
.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:
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é!
