Uno dei nostri lettori ci ha chiesto se fosse possibile evidenziare il ruolo utente accanto a ogni commento in WordPress. Visualizzare l'etichetta del ruolo utente dà importanza ai commenti lasciati dagli utenti registrati sul tuo sito web, in particolare autori, redattori e amministratori. In questo tutorial, ti mostreremo come aggiungere facilmente un'etichetta del ruolo utente accanto ai commenti in WordPress.
Perché visualizzare l'etichetta del ruolo utente accanto a un commento su WordPress?
Se consenti la registrazione degli utenti sul tuo sito web o gestisci un sito web WordPress multi-autore, le etichette utente possono presentare gli utenti tra loro in base ai loro ruoli.
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 evidenziano solo i commenti dell'autore del post. Non mostrano le etichette per gli altri ruoli utente, anche se gli altri commenti provengono 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 file del 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.
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:
Questo è tutto per questo tutorial, spero che ti permetterà di aggiungere un badge accanto ai testi dei membri del tuo staff.