Come evidenziare i commenti dell'autore in WordPress

La sezione commenti è dove la tua community prende vita. È uno spazio importante per la connessione, la conversazione e l'interazione con i lettori.

In qualità di autore, le tue risposte sono una parte fondamentale di tale interazione. Vuoi assicurarti che la tua voce sia facile da trovare per i lettori, per incoraggiare ancora più discussioni.

Evidenziare i tuoi commenti dà loro l'attenzione che meritano. Questo semplice tocco rende l'intera area di discussione più professionale, organizzata e coinvolgente.

Crediamo che piccole scelte di design possano avere un grande impatto sull'esperienza utente. E questo è uno dei cambiamenti più facili ed efficaci che puoi apportare.

In questo articolo, ti mostreremo come evidenziare facilmente i commenti dell'autore in WordPress.

Perché evidenziare i commenti dell'autore in WordPress?

I commenti sono un ottimo modo per aumentare l'interazione degli utenti sul tuo sito web. Se vuoi ottenere più commenti sui tuoi articoli, puoi incoraggiarlo partecipando attivamente alle discussioni.

Per un nuovo blog di WordPress, puoi facilmente rispondere ai commenti e partecipare alle discussioni con i tuoi lettori. Se gestisci un blog con più autori, puoi incoraggiare gli autori ad aiutare anche con la moderazione dei commenti.

Tuttavia, la maggior parte dei temi WordPress non distingue tra i commenti, e questi vengono elencati utilizzando lo stesso stile.

Un lettore occasionale potrebbe scorrere i commenti, senza rendersi conto del contenuto aggiuntivo fornito dall'autore nella discussione.

Evidenziare i commenti dell'autore ti aiuta a rimediare a ciò e rende i commenti dell'autore più evidenti e noti.

L'obiettivo finale qui è incoraggiare i nuovi utenti a partecipare ai commenti e, infine, iscriversi alla tua newsletter o diventare un cliente.

Detto questo, diamo un'occhiata a come evidenziare facilmente i commenti dell'autore in WordPress.

• Evidenziare l'autore del commento in WordPress
• Evidenziare i commenti per ruolo utente in WordPress

Evidenziare l'autore del commento in WordPress

Il modo più semplice per evidenziare i commenti dell'autore del post è aggiungendo CSS personalizzato al tuo tema WordPress. Questo ti consente di aggiungere facilmente il codice necessario e vedere un'anteprima live di come apparirebbe sul tuo sito web senza salvarlo.

Innanzitutto, devi visitare Aspetto » Personalizza nell'area di amministrazione di WordPress. Questo avvierà l'interfaccia del personalizzatore del tema WordPress. Noterai una serie di opzioni in una colonna sulla sinistra e un'anteprima live del tuo sito web.

Da qui, devi fare clic sulla scheda 'CSS aggiuntivo'.

Questo aprirà un'area di testo in cui aggiungerai il CSS personalizzato.

Tuttavia, vorresti vedere come apparirà il CSS personalizzato una volta applicato.

Per fare ciò, è necessario navigare fino a un post del blog che contiene commenti di un autore del post.

Scorri verso il basso fino alla sezione commenti e quindi aggiungi il seguente CSS personalizzato nella casella CSS personalizzato sulla sinistra.

.bypostauthor { 
background-color: #e7f8fb;
}

Noterai immediatamente che il commento dell'autore cambia corrispondendo al CSS personalizzato che hai inserito.

Quindi, come funziona tutto questo?

Vedi, WordPress aggiunge alcune classi CSS predefinite a diverse aree del tuo sito web. Queste classi CSS sono presenti indipendentemente dal tema WordPress che stai utilizzando.

In questo codice di esempio, abbiamo utilizzato la classe CSS .bypostauthor, che viene aggiunta a tutti i commenti inseriti da un autore del post.

Aggiungiamo altri stili CSS per renderlo ancora più evidente. Ecco un esempio di codice che aggiunge una piccola etichetta 'Autore' ai commenti dell'autore del post e un bordo attorno all'immagine avatar dell'autore.

.bypostauthor:before { 
content:"Author";
float:right;
background-color:#FF1100;
padding:5px;
font-size:small;
font-weight:bold;
color:#FFFFFF;
}
.bypostauthor .avatar {
border:1px dotted #FF1100;
}

Ecco come appariva sul nostro sito di prova.

Evidenziare i commenti per ruolo utente in WordPress

Ora, molti blog di WordPress hanno membri del team responsabili di rispondere ai commenti. Siti web popolari possono avere l'autore del post, l'amministratore e i moderatori che rispondono ai commenti per aumentare l'interazione degli utenti.

Come evidenziare un commento aggiunto da un membro dello staff che non è l'autore effettivo del post?

Esiste un semplice trucco per ottenere questo risultato. Tuttavia, richiede l'aggiunta di codice personalizzato al tuo sito WordPress. Se non l'hai mai fatto prima, consulta il nostro articolo su come incollare snippet dal web in WordPress.

Innanzitutto, devi aggiungere il seguente codice al file functions.php del tuo tema o in un plugin per snippet di codice:

if ( ! class_exists( 'WPB_Comment_Author_Role_Label' ) ) :
class 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' ) );
}
  
// Get comment author role 
function wpb_get_comment_author_role($author, $comment_id, $comment) { 
$authoremail = get_comment_author_email( $comment); 
// Check if user is registered
if (email_exists($authoremail)) {
$commet_user_role = get_user_by( 'email', $authoremail );
$comment_user_role = $commet_user_role->roles[0];
// HTML output to add next to comment author name
$this->comment_user_role = ' <span class="comment-author-label comment-author-label-'.$comment_user_role.'">' . ucfirst($comment_user_role) . '</span>';
} else { 
$this->comment_user_role = '';
} 
return $author;
} 
  
// Display comment author                   
function wpb_comment_author_role($author) { 
return $author .= $this->comment_user_role; 
} 
}
new WPB_Comment_Author_Role_Label;
endif;

Invece di modificare il file functions.php del tuo tema, ti consigliamo di aggiungere questo codice con WPCode.

Questo plugin per snippet di codice rende sicuro e facile aggiungere codice personalizzato in WordPress.

Per iniziare, devi installare e attivare il plugin gratuito WPCode. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin di WordPress.

Una volta attivato il plugin, vai su Code Snippets » Add Snippet dalla tua bacheca di WordPress.

Quindi, passa il mouse sopra l'opzione 'Aggiungi il tuo codice personalizzato (Nuovo snippet)' e fai clic sul pulsante 'Aggiungi snippet personalizzato'.

Successivamente, seleziona 'Snippet PHP' come tipo di codice dalle opzioni che appaiono sullo schermo.

Ora, puoi aggiungere un titolo per il tuo snippet e incollare il codice sopra nella casella 'Anteprima codice'.

Dopodiché, semplicemente attiva l'interruttore da 'Inattivo' ad 'Attivo' e fai clic sul pulsante 'Salva snippet' in cima alla pagina.

Questo codice aggiunge semplicemente l'etichetta del ruolo utente accanto al nome dell'autore del commento. Questo è come apparirebbe senza alcun stile personalizzato.

Rendiamolo un po' più carino aggiungendo un po' di CSS personalizzato. Vai alla pagina Aspetto » Personalizza e passa alla scheda CSS aggiuntivo.

Puoi utilizzare il seguente CSS per stilizzare l'etichetta del ruolo utente nei commenti.

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

Ecco come appariva sul nostro sito di prova. Sentiti libero di modificare il codice per adattarlo ai colori e allo stile del tuo tema.

Per maggiori dettagli, potresti voler leggere il nostro articolo su come aggiungere etichette di ruolo utente ai commenti di WordPress.

Speriamo che questo articolo ti abbia aiutato a imparare come evidenziare i commenti dell'autore in WordPress. Potresti anche voler vedere il nostro tutorial su come evidenziare i nuovi post per i visitatori di ritorno in WordPress e le nostre scelte esperte dei migliori plugin per la casella bio dell'autore per WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.