Cách làm nổi bật các bình luận trong WordPress bằng code

[Thủ thuật WordPress] Hướng dẫn cách làm nổi bật các bình luận trong WordPress bằng code – Trang Web của bạn có nhiều bình luận, nhiều phản hồi chứng tỏ rằng trang Web của bạn rất thành công chứa nhiều nội dung người dùng cần nhưng đôi khi những bình luận này lại là những spam vậy để phân biệt được đâu là bình luận của tác giả đâu là của người dùng giúp bạn quản lý tốt hơn thì bạn nên có một dấu hiệu gì đấy để phân biệt? Đồng thời nó giúp các bình luận trong trang Web của bạn trở nên chuyên nghiệp hơn!

Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách tạo danh sách bài viết đơn giản trong WordPress giúp bạn có thể dễ dàng tạo danh sách bài viết theo tiêu chí nào đó trong WordPress đơn giản nhất tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách Highlight comment tác giả trong WordPress bằng code.

Làm nổi bật các bình luận trong WordPress bằng code

Để làm được việc này, các bạn chỉ cần tìm đến các lớp class quy định CSS cho các comment trong WordPress. Thường thì các class này nằm trong file style.css hoặc css.css thuộc theme mà các bạn đang sử dụng. Và chúng ta điều chỉnh lại cho nó (nếu chưa biết truy cập vào tập tin này bạn có thể tham khảo bài viết cách sửa giao diện, plugin WordPress không cần FTP). Các bạn mở tập tin style.css hoặc css.css và tìm đến dòng code như dưới đây.

.commentlist .bypostauthor {}
.commentlist li ul.children li.bypostauthor {}

Việc đơn giản còn lại là chúng ta chỉ việc chỉnh lại CSS cho nó thêm màu sắc và hình ảnh sao cho phù hợp với website là được!

Một số mẫu bạn có thể sử dụng.

Mẫu 1: Thay đoạn code trên bằng đoạn code này.

.commentlist .bypostauthor {border-top: 10px solid #e18728;}
.commentlist li ul.children li.bypostauthor {border-top: 10px solid #e18728;}

highlightauthorchris

Và đây là kết quả sau khi thay đổi

Mẫu 2: Tương tự bạn thay đoạn code ban đầu bằng đoạn code dưới đây.

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

highlightauthormatt

Và đây là sản phẩm

Chúc bạn thành công, ngoài ra bạn có thể tự định nghĩa các lớp CSS theo phong cách riêng của bạn bằng cách hãy tùy biến các CSS trên. Quá đơn giản để bạn có thể làm nổi bật các bình luận trong WordPress bằng code phải không? Nếu có thắc mắc hãy để lại bình luận để được hỗ trợ.

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!

Share

Thuần Te Tua

Chào các bạn mình tên thật là Nguyễn Hữu Thuần là một người nội tâm, thích sống khép kín tuy nhiên có nhiều lúc cũng rất tăng động, trang web huuthuan.net là nơi lưu giữ những kiến thức, kinh nghiệm cũng như góc cuộc sống của mình, nếu bạn thích tôi hãy tìm kiếm tôi trên kênh Youtube hoặc liên hệ với tôi tại đây.

You may also like...

bình luận. Để lại câu hỏi & nhận trả lời nhanh qua email.

avatar