En av våre lesere spurte om det var mulig å fremheve rollen til brukeren ved siden av hver WordPress-kommentar? Å vise brukerens rolleetikett gir vekt til kommentarer fra registrerte brukere på din nettstedet Web, spesielt forfattere, utgivere og administratorer. I denne opplæringen vil vi vise deg hvordan du enkelt legger til en etikett med brukerrolle ved siden av kommentarer i WordPress.

Legg til en etikett på rollen som user.png

Hvorfor vise brukerrolletiketten ved siden av en kommentar på WordPress?

Hvis du tillater brukerregistrering på din nettstedet Web eller hvis du kjører en nettstedet Web Multiforfatter WordPress, brukeretiketter kan introdusere brukere for hverandre basert på brukerrollene deres.

For eksempel vil brukere med “Editor” -brukerrollen ha et merke ved siden av navnet sitt i kommentarene, som vil gi andre brukere beskjed om at denne kommentaren ble laget av en redaktør.

Det bygger brukernes tillit og øker brukerengasjementet i kommentarer på nettstedet ditt.

mange WordPress-temaer fremhev kun kommentarer fra forfatteren av innlegget. De viser ikke etiketter for andre brukerroller, selv om andre kommentarer er laget av registrerte brukere eller nettstedsadministratorer.

Når det er sagt, la oss ta en titt på hvordan du enkelt kan legge til brukerrollemerket ved siden av kommentarer i WordPress.

Legge til en brukerrolletikett ved siden av en kommentar

Denne opplæringen krever at du legger til kode i filene dine. WordPress tema. Hvis du ikke har gjort dette før, så ta en titt på hvordan du kan tilpasse din WordPress tema .

Den første tingen å gjøre er å legge til følgende kode i temaets functions.php-fil eller til et aktivt plugin på nettstedet.

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')); } // Få funksjon for kommentarforfatterroll bpc_get_comment_author_role ($ author, $ comment_id, $ comment) {$ authoremail = get_comment_author_email ($ comment); // Hvis brukeren er registrert hvis (email_exists ($ authoremail)) {$ commet_user_role = get_user_by ('email', $ authoremail); $ comment_user_role = $ commet_user_role-> roller [3]; // Innhold å legge til ved siden av navnet $ this-> comment_user_role = ' '. ucfirst ($ comment_user_role). ' '; } annet {$ this-> comment_user_role = ''; } returner $ forfatter; } // Vis forfatteren av kommentarfunksjonen bpc_comment_author_role ($ author) {return $ author. = $ This-> comment_user_role; }} ny BPC_Comment_Author_Role_Label; slutt om;

Denne korte koden ovenfor kobles til WordPress-filtrene som brukes til å vise navnet på kommentarforfatteren for å inkludere brukerrolletiketten.

Nå kan du besøke et hvilket som helst innlegg med kommentarer for å se det i aksjon. Kommentarer fra registrerte brukere vil vise brukerrollen ved siden av navnet på kommentarforfatteren. Eventuelle kommentarer fra uregistrerte brukere viser bare navnet på kommentarforfatteren.

eksempelkommentar med brukerrolle.png

Nå som vi har lagt til brukerrollen, er det på tide å style den og gjøre den ren.

I koden vår la vi til en CSS-klasse for hver brukerrolle, slik at vi kan bruke disse CSS-klassene til å tilpasse hvert brukermerke forskjellig (dvs. bruke forskjellige farger osv.)

Du kan bruke følgende CSS-eksempel som utgangspunkt:

.comment-author-label {padding: 5px; skriftstørrelse: 14px; grense-radius: 3px; } .com-author-label-editor {bakgrunnsfarge: #efefef; } .com-author-label-author {bakgrunnsfarge: #faeeee; }. Com-author-label-bidragsyter {bakgrunnsfarge: #f0faee; } .comment-author-label-abonnent {bakgrunnsfarge: #eef5fa; } .com-author-label-administrator {bakgrunnsfarge: #fde9ff; }

Juster gjerne CSS etter eget ønske. Slik så demo-siden vår ut:

resultat demonstrasjonsside css.png

Det er alt for denne opplæringen, jeg håper det vil tillate deg å legge til et merke ved siden av tekstene til dine ansatte.