Cum să evidențiați comentariile autorului în WordPress

Secțiunea dvs. de comentarii este locul unde comunitatea dvs. prinde viață. Este un spațiu important pentru conexiune, conversație și implicarea cititorilor .

În calitate de autor, răspunsurile dumneavoastră sunt o parte cheie a acelei interacțiuni. Doriți să vă asigurați că vocea dumneavoastră este ușor de găsit de către cititori pentru a încuraja și mai mult discuția.

Evidențierea comentariilor dvs. le oferă atenția pe care o merită. Această atingere simplă face ca întreaga zonă de discuții să pară mai profesională, organizată și mai captivantă.

Credem că alegerile mici de design pot avea un impact mare asupra experienței utilizatorului. Și aceasta este una dintre cele mai ușoare și mai eficiente schimbări pe care le puteți face.

În acest articol, vă vom arăta cum să evidențiați cu ușurință comentariile autorului în WordPress.

De ce să evidențiezi comentariile autorului în WordPress?

Comentariile sunt o modalitate excelentă de a crește implicarea utilizatorilor pe site-ul dvs. web. Dacă doriți să obțineți mai multe comentarii la articolele dvs., atunci puteți încuraja acest lucru participând activ la discuții.

Pentru un blog WordPress nou, poți răspunde cu ușurință la comentarii și poți participa la discuții cu cititorii tăi. Dacă administrezi un blog cu mai mulți autori, atunci poți încuraja autorii să ajute și la moderarea comentariilor.

Cu toate acestea, majoritatea temelor WordPress nu fac distincție între comentarii și acestea sunt listate folosind același stil.

Un cititor ocazional poate derula prin comentarii, fără să realizeze conținutul suplimentar contribuit de autor în discuție.

Evidențierea comentariilor autorului vă ajută să remediați acest lucru și face ca comentariile autorului să iasă în evidență și să fie mai vizibile.

Scopul final aici este de a încuraja noii utilizatori să se alăture comentariilor și, în cele din urmă, să se aboneze la newsletter-ul tău sau să devină un client.

Acestea fiind spuse, să vedem cum să evidențiem cu ușurință comentariile autorului în WordPress.

• Evidențierea autorului comentariului în WordPress
• Evidențierea comentariilor după rolul utilizatorului în WordPress

Evidențierea autorului comentariului în WordPress

Cel mai simplu mod de a evidenția comentariile autorului postării este prin adăugarea de CSS personalizat la tema dvs. WordPress. Acest lucru vă permite să adăugați cu ușurință codul necesar și să vedeți o previzualizare live a modului în care ar arăta pe site-ul dvs. fără a-l salva.

Mai întâi, trebuie să vizitați Aspect » Personalizare în zona de administrare WordPress. Aceasta va lansa interfața personalizatorului de teme WordPress. Veți observa o mulțime de opțiuni într-o coloană în stânga și o previzualizare live a site-ului dvs. web.

De aici, trebuie să faceți clic pe fila „CSS suplimentar”.

Aceasta va deschide o zonă de text unde veți adăuga CSS-ul personalizat.

Cu toate acestea, ați dori să vedeți cum va arăta CSS-ul personalizat atunci când este aplicat.

Pentru a face acest lucru, trebuie să navigați la o postare de blog care conține comentarii de la un autor al postării.

Derulați în jos la secțiunea de comentarii și apoi adăugați următorul CSS personalizat în caseta CSS personalizat din stânga.

.bypostauthor { 
background-color: #e7f8fb;
}

Veți observa imediat schimbarea comentariului autorului, potrivindu-se cu CSS-ul personalizat pe care l-ați introdus.

Deci, cum funcționează totul?

Vedeți, WordPress adaugă niște clase CSS implicite în diferite zone ale site-ului dvs. web. Aceste clase CSS sunt prezente indiferent de tema WordPress pe care o utilizați.

În acest cod de exemplu, am folosit clasa CSS .bypostauthor, care este adăugată tuturor comentariilor adăugate de un autor al postării.

Să adăugăm câteva stiluri CSS suplimentare pentru a-l face și mai proeminent. Iată un cod eșantion care adaugă o mică etichetă „Autor” la comentariile autorului postării și o bordură în jurul imaginii avatarului autorului.

.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;
}

Așa arăta pe site-ul nostru de test.

Evidențierea comentariilor după rolul utilizatorului în WordPress

Acum, multe bloguri WordPress au membri ai echipei responsabili de răspunsul la comentarii. Site-urile populare pot avea autorul postării, administratorul și moderatori care răspund la comentarii pentru a crește implicarea utilizatorilor.

Cum evidențiați un comentariu adăugat de un membru al personalului care nu este autorul real al postării?

Există o soluție ușoară pentru a realiza acest lucru. Cu toate acestea, necesită adăugarea de cod personalizat pe site-ul dvs. WordPress. Dacă nu ați mai făcut acest lucru, consultați articolul nostru despre cum să copiați fragmente de cod de pe web în WordPress.

Mai întâi, trebuie să adăugați următorul cod în fișierul functions.php al temei dvs. sau într-un plugin de fragmente de cod:

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;

În loc să editați fișierul functions.php al temei dvs., recomandăm adăugarea acestui cod cu WPCode.

Acest plugin pentru fragmente de cod face sigur și ușor adăugarea de cod personalizat în WordPress.

Pentru a începe, trebuie să instalați și să activați pluginul gratuit WPCode. Dacă aveți nevoie de ajutor, consultați ghidul nostru despre cum se instalează un plugin WordPress.

Odată ce pluginul este activat, accesați Snippets de cod » Adăugați Snippet din tabloul de bord WordPress.

Apoi, plasați cursorul mouse-ului peste opțiunea „Adaugă codul tău personalizat (Fragment nou)” și faceți clic pe butonul „Adaugă fragment personalizat”.

Apoi, selectați „Fragment PHP” ca tip de cod din opțiunile care apar pe ecran.

Acum, puteți adăuga un titlu pentru fragmentul dvs. și puteți lipi codul de mai sus în caseta „Previzualizare cod”.

După aceea, pur și simplu comutați comutatorul de la „Inactiv” la „Activ” și faceți clic pe butonul „Salvează fragmentul” din partea de sus a paginii.

Acest cod adaugă pur și simplu eticheta rolului utilizatorului lângă numele autorului comentariului. Așa ar arăta fără nicio stilizare personalizată.

Să o facem puțin mai drăguță adăugând niște CSS personalizat. Accesați pagina Aspect » Personalizare și treceți la fila CSS suplimentar.

Puteți utiliza următorul CSS pentru a stiliza eticheta rolului utilizatorului în comentarii.

.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;
}

Așa arăta pe site-ul nostru de test. Nu ezitați să modificați codul pentru a se potrivi culorilor și stilului temei dumneavoastră.

Pentru mai multe detalii, puteți citi articolul nostru despre cum să adăugați etichete de rol de utilizator la comentariile WordPress.

Sperăm că acest articol v-a ajutat să învățați cum să evidențiați comentariile autorilor în WordPress. De asemenea, ați putea dori să consultați tutorialul nostru despre cum să evidențiați postările noi pentru vizitatorii care revin în WordPress și selecțiile noastre de experți pentru cele mai bune pluginuri pentru caseta de biografie a autorului pentru WordPress.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.