Unul dintre cititorii noștri a întrebat dacă este posibil să evidențiem rolul utilizatorului lângă fiecare comentariu WordPress? Afișarea etichetei rolului utilizatorului acordă importanță comentariilor făcute de utilizatorii înregistrați pe dvs site-ul web, în special autori, editori și administratori. În acest tutorial, vă vom arăta cum să adăugați cu ușurință o etichetă cu rol de utilizator lângă comentarii în WordPress.
De ce să afișați eticheta rolului utilizatorului lângă un comentariu pe WordPress?
Dacă permiteți înregistrarea utilizatorului pe dvs site-ul web sau dacă conduci un site-ul web WordPress cu mai mulți autori, etichetele utilizatorilor pot prezenta utilizatorii unul altuia pe baza rolurilor lor de utilizator.
De exemplu, utilizatorii cu rol de utilizator „Editor” vor avea o insignă lângă numele lor în comentarii, ceea ce îi va informa pe ceilalți utilizatori că acest comentariu a fost făcut de un editor.
Crește încrederea utilizatorilor și crește implicarea utilizatorului în comentariile de pe site-ul dvs. web.
multe Teme WordPress evidențiați doar comentariile făcute de autorul postării. Ele nu afișează etichete pentru alte roluri de utilizator, chiar dacă alte comentarii sunt făcute de utilizatori înregistrați sau de administratori de site.
Acestea fiind spuse, să aruncăm o privire la cum să adăugați cu ușurință eticheta de rol utilizator lângă comentariile din WordPress.
Adăugarea unei etichete de rol utilizator lângă un comentariu
Acest tutorial necesită să adăugați cod la fișierele dvs. WordPress temă. Dacă nu ați făcut acest lucru înainte, atunci aruncați o privire la cum să vă personalizați WordPress temă .
Primul lucru de făcut este să adăugați următorul cod în fișierul functions.php al temei dvs. sau la un plugin activ de pe site.
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')); } // Obțineți funcția rol autor autor bpc_get_comment_author_role ($ autor, $ comment_id, $ comentariu) {$ authoremail = get_comment_author_email ($ comentariu); // Dacă utilizatorul este înregistrat dacă (email_exists ($ authoremail)) {$ commet_user_role = get_user_by ('email', $ authoremail); $ comment_user_role = $ commet_user_role-> roluri [10]; // Conținut de adăugat lângă numele $ this-> comment_user_role = ". ucfirst ($ comment_user_role). ' '; } else {$ this-> comment_user_role = ''; } returnează $ autor; } // Afișează autorul funcției de comentariu bpc_comment_author_role ($ author) {return $ author. = $ This-> comment_user_role; }} nou BPC_Comment_Author_Role_Label; endif;
Acest cod scurt de mai sus se conectează la filtrele WordPress utilizate pentru a afișa numele autorului comentariului pentru a include eticheta rolului utilizatorului.
Acum puteți vizita orice postare cu comentarii pentru a o vedea în acțiune. Comentariile făcute de utilizatorii înregistrați își vor afișa rolul de utilizator lângă numele autorului comentariului. Orice comentarii făcute de utilizatori neînregistrați vor afișa doar numele autorului comentariului.
Acum că am adăugat rolul de utilizator, este timpul să-l coafăm și să-l curățăm.
În codul nostru, am adăugat o clasă CSS pentru fiecare rol de utilizator, astfel încât să putem utiliza aceste clase CSS pentru a personaliza fiecare insignă de utilizator diferit (adică să folosim culori diferite etc.)
Puteți utiliza următorul exemplu CSS ca punct de plecare:
.comment-autor-etichetă {padding: 5px; font-size: 14px; raza de graniță: 3px; } .com-autor-etichetă-editor {background-color: #efefef; } .com-autor-etichetă-autor {background-color: #faeeee; } .com-autor-etichetă-contribuitor {background-color: # f0faee; }. comment-autor-etichetă-abonat {background-color: #eef5fa; } .com-autor-etichetă-administrator {background-color: #fde9ff; }
Simțiți-vă liber să ajustați CSS după dorința dvs. Iată cum arăta site-ul nostru demonstrativ:
Asta este tot pentru acest tutorial, sper că vă va permite să adăugați o insignă lângă textele membrilor personalului dvs.
