En af vores læsere spurgte, om det var muligt at fremhæve brugerens rolle ved siden af ​​hver WordPress-kommentar? Visning af brugerens rolleetiket giver vægt til kommentarer fra registrerede brugere på din Websted, især forfattere, forlag og administratorer. I denne vejledning viser vi dig, hvordan du nemt tilføjer en etiket med brugerrolle ved siden af ​​kommentarer i WordPress.

Tilføj en etiket om rollen som user.png

Hvorfor vise brugerrollemærket ud for en kommentar i WordPress?

Hvis du tillader brugerregistrering på din Websted eller hvis du kører en Websted Multi-forfatter WordPress, brugeretiketter kan introducere brugere til hinanden baseret på deres brugerroller.

F.eks. Vil brugere med "Editor" -brugerrollen have et badge ved siden af ​​deres navn i kommentarer, som vil lade andre brugere vide, at denne kommentar blev lavet af en editor.

Det bygger brugertillid og øger brugerengagement i kommentarer på dit websted.

mange WordPress-temaer fremhæve kun kommentarer fra forfatteren af ​​indlægget. De viser ikke etiketter for andre brugerroller, selvom andre kommentarer er lavet af registrerede brugere eller webstedsadministratorer.

Når det er sagt, lad os se på, hvordan man nemt tilføjer brugerrolletagget ud for kommentarer i WordPress.

Tilføjelse af en brugerrolleetiket ud for en kommentar

Denne vejledning kræver, at du tilføjer kode til dine filer. WordPress tema. Hvis du ikke har gjort dette før, så tag et kig på, hvordan du tilpasser din WordPress tema .

Den første ting at gøre er at tilføje følgende kode til dit temas funktioner.php-fil eller til et aktivt plugin på webstedet.

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);), 10, add_filter ('get_comment_author_link', array ($ this, 'bpc_comment_author_role')); } // Hent kommentarforfatterrollefunktion bpc_get_comment_author_role ($ author, $ comment_id, $ comment) {$ authoremail = get_comment_author_email ($ comment); // Hvis brugeren er registreret, hvis (email_exists ($ authoremail)) {$ commet_user_role = get_user_by ('email', $ authoremail); $ comment_user_role = $ commet_user_role-> roller [3]; // Indhold, der skal tilføjes ud for navnet $ this-> comment_user_role = ' '. ucfirst ($ comment_user_role). ' '; } andet {$ this-> comment_user_role = ''; } returner $ author } // Vis forfatteren af ​​kommentarfunktionen bpc_comment_author_role ($ author) {return $ author. = $ This-> comment_user_role; }} ny BPC_Comment_Author_Role_Label; Afslut Hvis;

Denne korte kode ovenfor forbinder til WordPress-filtre, der bruges til at vise navnet på kommentarforfatteren, så den inkluderer brugerrollemærket.

Du kan nu besøge ethvert indlæg med kommentarer for at se det i aktion. Kommentarer fra registrerede brugere viser deres brugerrolle ved siden af ​​navnet på kommentarforfatteren. Eventuelle kommentarer fra ikke-registrerede brugere viser kun navnet på kommentarforfatteren.

eksempelkommentar med brugerroll.png

Nu hvor vi har tilføjet brugerrollen, er det tid til at style den og gøre den ren.

I vores kode tilføjede vi en CSS-klasse for hver brugerrolle, så vi kan bruge disse CSS-klasser til at tilpasse hver brugermærke forskelligt (dvs. bruge forskellige farver osv.)

Du kan bruge følgende CSS-eksempel som udgangspunkt:

.comment-author-label {polstring: 5px; skrifttypestørrelse: 14px; grænse-radius: 3px; } .com-author-label-editor {baggrundsfarve: #efefef; } .com-author-label-author {baggrundsfarve: #faeeee; } .com-forfatter-label-bidragyder {baggrundsfarve: #f0faee; } .comment-author-label-abonnent {baggrundsfarve: #eef5fa; } .com-author-label-administrator {baggrundsfarve: #fde9ff; }

Du er velkommen til at justere CSS efter din smag. Sådan ser vores demo-site ud:

resultat demonstration site css.png

Det er alt sammen til denne tutorial, jeg håber, det giver dig mulighed for at tilføje et badge ud for teksterne fra dine medarbejdere.