Một trong những độc giả của chúng tôi đã hỏi liệu có thể làm nổi bật vai trò của người dùng bên cạnh mỗi bình luận WordPress không? Việc hiển thị nhãn vai trò của người dùng cho phép nhận xét của những người dùng đã đăng ký trên Website, đặc biệt là các tác giả, nhà xuất bản và quản trị viên. Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thêm nhãn với vai trò người dùng bên cạnh nhận xét trong WordPress.
Tại sao lại hiển thị nhãn vai trò người dùng bên cạnh nhận xét trên WordPress?
Nếu bạn cho phép người dùng đăng ký trên Website hoặc nếu bạn chạy một Website WordPress đa tác giả, nhãn người dùng có thể giới thiệu người dùng với nhau dựa trên vai trò người dùng của họ.
Ví dụ: người dùng có vai trò người dùng "Biên tập viên" sẽ có một huy hiệu bên cạnh tên của họ trong nhận xét, điều này sẽ cho những người dùng khác biết rằng nhận xét này do một người chỉnh sửa đưa ra.
Nó xây dựng lòng tin của người dùng và tăng mức độ tương tác của người dùng trong các nhận xét trên trang web của bạn.
Nhiều Chủ đề WordPress chỉ đánh dấu các nhận xét được thực hiện bởi tác giả của bài đăng. Chúng không hiển thị nhãn cho các vai trò người dùng khác, ngay cả khi các nhận xét khác được đưa ra bởi người dùng đã đăng ký hoặc quản trị viên trang web.
Điều đó đang được nói, chúng ta hãy xem cách dễ dàng thêm thẻ vai trò người dùng bên cạnh nhận xét trong WordPress.
Thêm nhãn vai trò người dùng bên cạnh nhận xét
Hướng dẫn này yêu cầu bạn thêm mã vào tệp của mình. theme WordPress. Nếu bạn chưa làm điều này trước đây, hãy xem cách tùy chỉnh theme WordPress .
Điều đầu tiên cần làm là thêm mã sau vào tệp functions.php của chủ đề của bạn hoặc vào một plugin đang hoạt động trên trang web.
if (! class_exists ('BPC_Comment_Author_Role_Label')): class BPC_Comment_Author_Role_Label {public function __construct () {add_filter ('get_comment_author', array ($ this, 'bpc_get_comment_author_role);) add_filter ('get_comment_author_link', array ($ this, 'bpc_comment_author_role')); } // Chức năng vai trò tác giả nhận bình luận bpc_get_comment_author_role ($ author, $ comment_id, $ comment) {$ authorremail = get_comment_author_email ($ comment); // Nếu người dùng đã đăng ký if (email_exists ($ authorremail)) {$ commet_user_role = get_user_by ('email', $ authorremail); $ comment_user_role = $ commet_user_role-> vai trò [10]; // Nội dung cần thêm bên cạnh tên $ this-> comment_user_role = ' '. ucfirst ($ comment_user_role). ' '; } else {$ this-> comment_user_role = ''; } trả về $ tác giả; } // Hiển thị tác giả của hàm bình luận bpc_comment_author_role ($ author) {return $ author. = $ This-> comment_user_role; }} BPC_Comment_Author_Role_Label mới; endif;
Đoạn mã ngắn ở trên kết nối với các bộ lọc WordPress được sử dụng để hiển thị tên của tác giả nhận xét để bao gồm nhãn vai trò người dùng.
Bây giờ bạn có thể truy cập bất kỳ bài đăng nào có nhận xét để xem nó hoạt động. Nhận xét được thực hiện bởi người dùng đã đăng ký sẽ hiển thị vai trò người dùng của họ bên cạnh tên của tác giả nhận xét. Bất kỳ nhận xét nào được thực hiện bởi người dùng chưa đăng ký sẽ chỉ hiển thị tên của tác giả nhận xét.
Bây giờ chúng tôi đã thêm vai trò người dùng, đã đến lúc tạo kiểu và làm cho nó sạch sẽ.
Trong mã của chúng tôi, chúng tôi đã thêm một lớp CSS cho mỗi vai trò người dùng, vì vậy chúng tôi có thể sử dụng các lớp CSS này để tùy chỉnh từng huy hiệu người dùng khác nhau (tức là sử dụng các màu khác nhau, v.v.)
Bạn có thể sử dụng ví dụ CSS sau đây làm điểm bắt đầu:
.comment-author-label {padding: 5px; kích cỡ phông chữ: 14px; bán kính biên giới: 3px; } .com-author-label-editor {background-color: #efefef; } .com-author-label-author {background-color: #faeeee; } .com-author-label-contributor {background-color: #f0faee; } .comment-author-label-subscriber {background-color: #eef5fa; } .com-author-label-administrator {background-color: #fde9ff; }
Hãy thoải mái điều chỉnh CSS theo ý bạn. Đây là trang web demo của chúng tôi trông như thế nào:
Đó là tất cả cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn thêm một huy hiệu bên cạnh văn bản của các nhân viên của bạn.
