Vijesti o Tehnologiji, Recenzije i Savjeti!

Kako dodati oznaku korisnika pored komentara u WordPressu

Jedan od naših čitatelja pitao je je li moguće istaknuti ulogu korisnika pored svakog komentara u WordPressu. Prikaz oznake korisničke uloge daje važnost komentarima korisnika registriranih na njezinoj web stranici, posebno autora, urednika i administratora. U ovom ćemo vam članku pokazati kako lako dodati korisničku oznaku uloga pored komentara u programu WordPress.

Zašto prikazati korisničku oznaku uloga uz ime autora komentara u WordPressu?

Ako dopustite registraciju korisnika na vašoj web stranici ili pokrenete multi-autorsko web mjesto WordPress, korisničke oznake mogu međusobno predstaviti korisnike na temelju njihovih uloga korisnika.

Na primjer, korisnici s korisničkom ulogom uređivača prikazat će značku pored svog imena u komentarima kako bi drugi korisnici znali da je taj komentar napisao i urednik.

Povećajte povjerenje korisnika i povećajte angažman korisnika u komentarima na vašoj web stranici.

Mnoge WordPress teme samo ističu komentare koje je dao autor posta. Ne prikazuju oznake za bilo koju drugu korisničku ulogu, čak i ako registrirani korisnici ili administratori web mjesta daju druge komentare.

S tim rečima, pogledajmo kako lako dodati korisničku oznaku uloga uz komentare u WordPressu.

Dodajte oznaku korisničke uloge uz komentar imena autora u WordPressu

Ovaj vodič će tražiti da dodate kôd svojim datotekama WordPress tema. Ako to još niste učinili, potražite naš vodič o tome kako lako kopirati i zalijepiti kôd u WordPress.

Prvo što trebate učiniti je dodati sljedeći kôd u datoteku function.php teme ili dodatak za određenu web lokaciju.


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=" ';
} 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;

Gornji kôd funkcije povezuje se s WordPress filtrima koji se koriste za prikaz imena autora komentara i uključuje korisničku oznaku uloga.

Sada možete posjetiti bilo koji komentar o komentaru i vidjeti ga u akciji. Komentari registriranih korisnika prikazat će svoju korisničku ulogu uz ime autora komentara. Svi komentari neregistriranih korisnika prikazat će samo ime autora komentara.

Oznaka korisničke uloge prikazana pored vašeg komentara

Sada kada smo dodali korisničku funkciju, vrijeme je da je dizajniramo i učinimo da izgleda čisto.

U naš kôd dodali smo CSS klasu za svaku korisničku ulogu, tako da možemo koristiti ove CSS klase za prilagođavanje svake korisničke značke drugačije (tj. Korištenje različitih boja itd.)

Možete koristiti sljedeći uzorak CSS-a kao polaznu točku:

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

Slobodno prilagodite CSS prema vlastitim željama. Ovako je izgledalo na našoj demo web stranici:

Značke uloga korisnika prikazane u vašim komentarima

Nadamo se da vam je ovaj članak pomogao da naučite kako dodati oznaku korisnika uz komentare u WordPressu. Možda ćete također htjeti vidjeti naš vodič o učitavanju gravatara sa zatezanjem tereta u komentarima WordPress-a.

Ako vam se svidio ovaj članak, pretplatite se na naš kanal YouTube za gledanje videozapisa vodiča za WordPress. Možete nas pronaći i na Twitter i Facebook,