Uno dei nostri lettori ha chiesto se fosse possibile evidenziare il ruolo dell'utente accanto a ogni commento di WordPress? La visualizzazione dell'etichetta del ruolo dell'utente dà peso ai commenti fatti dagli utenti registrati sul tuo sito web, in particolare autori, editori e amministratori. In questo tutorial, ti mostreremo come aggiungere facilmente un'etichetta con ruolo utente accanto ai commenti in WordPress.

aggiungi un'etichetta sul ruolo di user.png

Perché visualizzare l'etichetta del ruolo utente accanto a un commento su WordPress?

Se si consente la registrazione dell'utente sul proprio sito web o se esegui a sito web WordPress multiautore, le etichette utente possono presentare gli utenti tra loro in base ai loro ruoli utente.

Ad esempio, gli utenti con il ruolo utente "Editor" avranno un badge accanto al loro nome nei commenti, che informerà gli altri utenti che questo commento è stato fatto da un editore.

Aumenta la fiducia degli utenti e aumenta il coinvolgimento degli utenti nei commenti sul tuo sito web.

molti Temi WordPress evidenziare solo i commenti fatti dall'autore del post. Non mostrano etichette per altri ruoli utente, anche se altri commenti vengono fatti da utenti registrati o amministratori del sito.

Detto questo, diamo un'occhiata a come aggiungere facilmente il tag del ruolo utente accanto ai commenti in WordPress.

Aggiunta di un'etichetta di ruolo utente accanto a un commento

Questo tutorial richiede di aggiungere codice ai tuoi file. tema WordPress. Se non l'hai mai fatto prima, dai un'occhiata a come personalizzare il tuo tema WordPress .

La prima cosa da fare è aggiungere il seguente codice al file functions.php del tuo tema oa un plugin attivo sul sito.

if (! class_exists ('BPC_Comment_Author_Role_Label')): class BPC_Comment_Author_Role_Label {funzione pubblica __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')); } // Ottieni commento ruolo autore funzione bpc_get_comment_author_role ($ author, $ comment_id, $ comment) {$ authoremail = get_comment_author_email ($ comment); // Se l'utente è registrato if (email_exists ($ authoremail)) {$ commet_user_role = get_user_by ('email', $ authoremail); $ comment_user_role = $ commet_user_role-> ruoli [3]; // Contenuto da aggiungere accanto al nome $ this-> comment_user_role = ' '. ucfirst ($ comment_user_role). ' '; } altro {$ this-> comment_user_role = ''; } return $ author; } // Visualizza l'autore della funzione di commento bpc_comment_author_role ($ author) {return $ author. = $ This-> comment_user_role; }} new BPC_Comment_Author_Role_Label; finisci se;

Questo breve codice sopra si collega ai filtri di WordPress utilizzati per visualizzare il nome dell'autore del commento per includere l'etichetta del ruolo utente.

Ora puoi visitare qualsiasi post con commenti per vederlo in azione. I commenti fatti dagli utenti registrati mostreranno il loro ruolo utente accanto al nome dell'autore del commento. Qualsiasi commento fatto da utenti non registrati mostrerà solo il nome dell'autore del commento.

commento di esempio con l'utente role.png

Ora che abbiamo aggiunto il ruolo utente, è il momento di modellarlo e renderlo pulito.

Nel nostro codice abbiamo aggiunto una classe CSS per ogni ruolo utente, quindi possiamo utilizzare queste classi CSS per personalizzare ogni badge utente in modo diverso (ad esempio, utilizzare colori diversi, ecc.)

Puoi utilizzare il seguente esempio CSS come punto di partenza:

.comment-author-label {padding: 5px; font-size: 14px; border-radius: 3px; } .com-author-label-editor {background-color: #efefef; } .com-author-label-author {background-color: #faeeee; } .com-author-label-contributor {background-color: #f0faee; } .comment-author-label-subscriber {background-color: #eef5fa; } .com-author-label-administrator {background-color: #fde9ff; }

Sentiti libero di adattare il CSS a tuo piacimento. Ecco come appariva il nostro sito demo:

risultato dimostrazione sito css.png

Questo è tutto per questo tutorial, spero che ti permetterà di aggiungere un badge accanto ai testi dei membri del tuo staff.