Så här lägger du till användarrolletikett bredvid kommentarer i WordPress

En av våra läsare frågade om det var möjligt att markera användarrollen bredvid varje kommentar i WordPress? Visa användarrolletikett ger vikt till kommentarer från registrerade användare på din webbplats, specifikt författare, redaktörer och administratörer. I den här artikeln visar vi hur du enkelt lägger till användarrolletiketten bredvid kommentarer i WordPress.

Varför Visa användarrolletikett bredvid kommentatorens namn i WordPress?

Om du tillåter användarregistrering på din webbplats eller kör en multi-author WordPress-webbplats, kan användaretiketter introducera användare till varandra baserat på deras användarroller.

Till exempel kommer användare med redaktörens användarroll att visa ett märke bredvid deras namn i kommentarer som låter andra användare veta att den här kommentaren gjordes av en redaktör.

Det bygger upp användarförtroende och ökar användarengagemanget i kommentarer på din webbplats.

Många WordPress-teman markerar bara kommentarer från postförfattare. De visar inte etiketter för andra användarroller även om andra kommentarer görs av registrerade användare eller webbplatsadministratörer.

Med det sagt, låt oss ta en titt på hur man enkelt lägger till användarrolletiketten bredvid kommentarer i WordPress.

Lägger till användarrolletikett bredvid kommentatorens namn i WordPress

Denna handledning kräver att du lägger till kod i WordPress-temafilerna. Om du inte har gjort det här förut kan du ta en titt på vår guide om hur du enkelt kan kopiera och klistra in kod i WordPress.

Det första du behöver göra är att lägga till följande kod i ditt temas funktioner.php-fil eller ett sajtspecifikt plugin.

 om (! class_exists ('WPB_Comment_Author_Role_Label')): klass WPB_Comment_Author_Role_Label public function __construct () add_filter ('get_comment_author', array ($ this, 'wpb_get_comment_author_role'), 10, 3); add_filter ('get_comment_author_link', array ($ this, 'wpb_comment_author_role'));  // Få kommentar författarrollfunktion wpb_get_comment_author_role ($ author, $ comment_id, $ comment) $ authoremail = get_comment_author_email ($ comment); // Kontrollera om användaren är registrerad om (email_exists ($ authoremail)) $ commet_user_role = get_user_by ('email', $ authoremail); $ comment_user_role = $ commet_user_role-> roller [0]; // HTML-utdata för att lägga till bredvid kommentar författarnamn $ this-> comment_user_role = ''. ucfirst ($ comment_user_role). '';  annan $ this-> comment_user_role = "; returnera $ author; // Visa kommentar författarfunktion wpb_comment_author_role ($ author) return $ author. = $ this-> comment_user_role; ny WPB_Comment_Author_Role_Label; endif; 

Denna funktionskod ovanför krokarna i WordPress-filter används för att visa kommentatorförfattarnamn för att inkludera användarrolletikett.

Du kan nu besöka något inlägg med kommentarer för att se det i åtgärd. Kommentarer från registrerade användare visar deras användarroll bredvid kommentarförfattarens namn. Eventuell kommentar från icke-registrerade användare kommer bara att visa kommentatorförfattarnamn.

Nu när vi har lagt till användarrollen är det dags att stilera det och se till att det ser rent ut.

I vår kod har vi lagt till en CSS-klass för varje användarroll, så vi kan använda dessa CSS-klasser för att anpassa varje användaremblem på olika sätt (dvs använd olika färger osv.)

Du kan använda följande exempel CSS som utgångspunkt:

 .kommentar-författare-etikett padding: 5px; typsnittstorlek: 14px; gränsstråle: 3px;  .comment-author-label-editor bakgrundsfärg: #efefef;  .comment-author-label-author bakgrundsfärg: #faeeee;  .comment-author-label-contributor bakgrundsfärg: # f0faee;  .comment-author-label-abonnent bakgrundsfärg: # eef5fa;  .comment-author-label-administrator bakgrundsfärg: # fde9ff;  

Känn dig fri att justera CSS efter dina önskemål. Så här såg vi på vår demo hemsida:

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till användarrolletiketten bredvid kommentarer i WordPress. Du kanske också vill se vår guide om hur du gör lata lastgravator i WordPress-kommentarer.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Facebook.