Einer unserer Leser fragte, ob es möglich sei, die Benutzerrolle neben jedem Kommentar in WordPress hervorzuheben? Die Anzeige der Benutzerrollenbezeichnung gewichtet Kommentare von registrierten Benutzern auf Ihrer Website, insbesondere von Autoren, Redakteuren und Administratoren. In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress ganz einfach Benutzerrollen-Label neben Kommentaren hinzufügen.
Warum die Benutzerrollenbezeichnung neben dem Kommentarautornamen in WordPress anzeigen?
Wenn Sie die Benutzerregistrierung auf Ihrer Website zulassen oder eine WordPress-Website mit mehreren Autoren betreiben, können Benutzerlabels Benutzer basierend auf ihren Benutzerrollen vorstellen.
Benutzer mit der Benutzerrolle „Editor“ zeigen beispielsweise in Kommentaren ein Badge neben ihrem Namen an, um andere Benutzer darauf hinzuweisen, dass dieser Kommentar von einem Editor erstellt wurde.
Es baut das Vertrauen der Benutzer auf und erhöht das Engagement der Benutzer in Kommentaren auf Ihrer Website.
Viele WordPress-Themes heben nur Kommentare hervor, die vom Autor des Beitrags gemacht wurden. Sie zeigen keine Labels für andere Benutzerrollen an, selbst wenn andere Kommentare von registrierten Benutzern oder Site-Administratoren abgegeben werden.
Lassen Sie uns jedoch einen Blick darauf werfen, wie Sie in WordPress auf einfache Weise eine Benutzerrollenbezeichnung neben Kommentaren hinzufügen können.
Hinzufügen einer Benutzerrollenbezeichnung neben dem Namen des Kommentarautors in WordPress
In diesem Tutorial müssen Sie Ihren WordPress-Themedateien Code hinzufügen. Wenn Sie dies noch nicht getan haben, lesen Sie bitte unsere Anleitung zum einfachen Kopieren und Einfügen von Code in WordPress.
Als Erstes müssen Sie den folgenden Code zur Datei functions.php Ihres Themes oder einem Site-spezifischen Plugin hinzufügen.
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;
Dieser obige Funktionscode hängt an WordPress-Filter, die verwendet werden, um den Namen des Kommentarautors anzuzeigen, um das Benutzerrollenlabel einzuschließen.
Sie können jetzt jeden Beitrag mit Kommentaren besuchen, um ihn in Aktion zu sehen. Kommentare von registrierten Benutzern zeigen ihre Benutzerrolle neben dem Namen des Kommentarautors an. Jeder Kommentar, der von nicht registrierten Benutzern abgegeben wird, zeigt nur den Namen des Kommentarautors an.
Nachdem wir die Benutzerrolle hinzugefügt haben, ist es an der Zeit, sie zu stylen und sauber aussehen zu lassen.
In unserem Code haben wir für jede Benutzerrolle eine CSS-Klasse hinzugefügt, sodass wir diese CSS-Klassen verwenden können, um jedes Benutzerabzeichen anders anzupassen (dh verschiedene Farben zu verwenden usw.).
Sie können das folgende Beispiel-CSS als Ausgangspunkt verwenden:
.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; }
Fühlen Sie sich frei, das CSS nach Ihren Wünschen anzupassen. So sah es auf unserer Demo-Website aus:
Wir hoffen, dieser Artikel hat Ihnen geholfen zu erfahren, wie Sie in WordPress neben Kommentaren eine Benutzerrollenbezeichnung hinzufügen. Vielleicht möchten Sie auch unsere Anleitung zum Lazy Load von Gravatars in WordPress-Kommentaren lesen.