Jak dodać etykietę roli użytkownika obok komentarzy w WordPress

Jeden z naszych czytelników zapytał, czy możliwe jest podkreślenie roli użytkownika przy każdym komentarzu w WordPress? Wyświetlanie etykiety roli użytkownika zwiększa wagę komentarzy zarejestrowanych użytkowników w Twojej witrynie, w szczególności autorów, redaktorów i administratorów. W tym artykule pokażemy, jak łatwo dodać etykietę roli użytkownika obok komentarzy w WordPress.

Po co wyświetlać Etykietę roli użytkownika obok nazwy autora komentarza w WordPress?

Jeśli zezwolisz na rejestrację użytkownika w swojej witrynie lub uruchomisz witrynę WordPress z wieloma autorami, etykiety Użytkowników mogą przedstawiać użytkowników sobie nawzajem na podstawie ich ról użytkowników.

Na przykład użytkownicy z rolą użytkownika edytora będą wyświetlać plakietkę obok ich nazwy w komentarzach, informując innych użytkowników, że ten komentarz został wykonany przez redaktora.

Buduje zaufanie użytkowników i zwiększa zaangażowanie użytkowników w komentarze na twojej stronie.

Wiele motywów WordPress podkreśla tylko komentarze autora postu. Nie pokazują etykiet dla innych ról użytkowników, nawet jeśli inne komentarze są dokonywane przez zarejestrowanych użytkowników lub administratorów witryny.

Mając to na uwadze, przyjrzyjmy się, jak łatwo dodać etykietę roli użytkownika obok komentarzy w WordPress.

Dodawanie etykiety roli użytkownika obok nazwy autora komentarza w WordPress

Ten samouczek wymaga dodania kodu do plików motywów WordPress. Jeśli nie robiłeś tego wcześniej, zapoznaj się z naszym przewodnikiem, jak łatwo skopiować i wkleić kod w WordPress.

Pierwszą rzeczą, którą musisz zrobić, to dodać następujący kod do funkcji motywu.plik php lub wtyczka specyficzna dla witryny.

jeśli ( ! 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' ) );
}

// Pobierz rolę autora komentarza 
function wpb_get_comment_author_role ($author, $comment_id, $comment) { 
$authoremail = get_comment_author_email ($comment); 
// Sprawdź czy użytkownik jest zarejestrowany
if (email_exists ($authoremail)) {
$commet_user_role = get_user_by ('email', $authoremail );
$comment_user_role = $commet_user_role - >role[0];
// HTML wyjście do dodania obok nazwy autora komentarza
$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;
} 

// Wyświetl autora komentarza                	
function wpb_comment_author_role ($author) { 
return $author .= $this - > comment_user_role; 
} 
}
nowy WPB_Comment_Author_Role_Label;
endif;

Ten kod funkcji powyżej haków do WordPress filtry używane do wyświetlania komentarz Autor Nazwa zawierać etykietę roli użytkownika.

Możesz teraz odwiedzić dowolny post z komentarzami, aby zobaczyć go w akcji. Komentarze dokonane przez zarejestrowanych użytkowników będą wyświetlać ich rolę użytkownika obok nazwy autora komentarza. Każdy komentarz wykonany przez niezarejestrowanych użytkowników wyświetli tylko nazwisko autora komentarza.

Teraz, gdy dodaliśmy rolę użytkownika, nadszedł czas, aby wystylizować ją i sprawić, by wyglądała czysto.

W naszym kodzie dodaliśmy klasę CSS dla każdej roli użytkownika, dzięki czemu możemy użyć tych klas CSS, aby dostosować każdą odznakę użytkownika w inny sposób (np.

Możesz użyć następującego przykładowego CSS jako punktu wyjścia:

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

Możesz dostosować CSS do swoich upodobań. Tak to wyglądało na naszej stronie demo:

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać etykietę roli użytkownika obok komentarzy w WordPress. Możesz również zobaczyć nasz przewodnik na temat leniwego ładowania gravatarów w komentarzach WordPress.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.