En av våra läsare frågade om det var möjligt att lyfta fram användarens roll bredvid varje WordPress-kommentar? Att visa användarens rolletikett ger vikt åt kommentarer från registrerade användare på din webbplats, särskilt författare, förlag och administratörer. I den här handledningen kommer vi att visa dig hur du enkelt lägger till en etikett med användarroll bredvid kommentarer i WordPress.

Lägg till en etikett om rollen som user.png

Varför visa användarrolletiketten bredvid en kommentar på WordPress?

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

Till exempel kommer användare med användarrollen "Editor" att ha ett märke bredvid sitt namn i kommentarer, vilket låter andra användare veta att den här kommentaren gjordes av en redaktör.

Det bygger användarnas förtroende och ökar användarnas engagemang i kommentarer på din webbplats.

många WordPress-teman lyft bara fram kommentarer från författaren till inlägget. 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 du enkelt kan lägga till användarrolltaggen bredvid kommentarer i WordPress.

Lägga till en användarrolletikett bredvid en kommentar

Denna handledning kräver att du lägger till kod till dina filer. Wordpress tema. Om du inte har gjort detta tidigare, ta en titt på hur du anpassar din Wordpress tema .

Det första du ska göra är att lägga till följande kod i ditt temas funktioner.php-fil eller till ett aktivt plugin på webbplatsen.

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å kommentarförfattarens rollfunktion bpc_get_comment_author_role ($ author, $ comment_id, $ comment) {$ authoremail = get_comment_author_email ($ comment); // Om användaren är registrerad om (email_exists ($ authoremail)) {$ commet_user_role = get_user_by ('email', $ authoremail); $ comment_user_role = $ commet_user_role-> roller [3]; // Innehåll att lägga till bredvid namnet $ this-> comment_user_role = ' '. ucfirst ($ comment_user_role). ' '; } annat {$ this-> comment_user_role = ''; } returnera $ author; } // Visa författaren till kommentarfunktionen bpc_comment_author_role ($ author) {return $ author. = $ This-> comment_user_role; }} ny BPC_Comment_Author_Role_Label; endif;

Denna korta kod ovan ansluter till WordPress-filter som används för att visa namnet på kommentarförfattaren för att inkludera användarrolletiketten.

Nu kan du besöka alla inlägg med kommentarer för att se det i aktion. Kommentarer från registrerade användare kommer att visa sin användarroll bredvid namnet på kommentarförfattaren. Kommentarer från oregistrerade användare visar bara namnet på kommentarförfattaren.

exempelkommentar med användarroll.png

Nu när vi har lagt till användarrollen är det dags att utforma den och göra den ren.

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

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

.comment-author-label {padding: 5px; typsnittstorlek: 14px; gränslinjen: 3px; } .com-author-label-editor {bakgrundsfärg: #efefef; } .com-författare-etikett-författare {bakgrundsfärg: #faeeee; } .com-författare-etikett-bidragsgivare {bakgrundsfärg: #f0faee; } .comment-author-label-abonnent {bakgrundsfärg: #eef5fa; } .com-author-label-administrator {bakgrundsfärg: #fde9ff; }

Anpassa gärna CSS efter eget tycke. Så här såg vår demosida ut:

resultat demonstrationssida css.png

Det här är allt för den här självstudien, jag hoppas att det gör att du kan lägga till ett märke bredvid texterna från dina anställda.