Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hinzufügen eines Labels für die Benutzerrolle neben den Kommentaren in WordPress

Einer unserer Besucher fragte kürzlich, ob es möglich sei, die Rollen der Benutzer neben jedem Kommentar in WordPress hervorzuheben. Das ist eine häufig gestellte Frage, und wir haben vielen Website-Besitzern geholfen, diese Funktion hinzuzufügen, um ein stärkeres Gemeinschaftsgefühl zu schaffen.

Durch die Anzeige der Rolle des Benutzers können Sie sofort erkennen, welche Kommentare von vertrauenswürdigen Benutzern Ihrer Website wie Autoren, Editoren und Administratoren stammen.

In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress ganz einfach Benutzerrollen neben den Kommentaren hinzufügen können.

Add user role next to comments in WordPress

Warum wird in WordPress neben dem Namen des Kommentarverfassers ein Label für die Benutzerrolle angezeigt?

Wenn Sie eine Benutzerregistrierung auf Ihrer Website zulassen oder eine WordPress-Website mit mehreren Autoren betreiben, können Benutzeretiketten die Benutzer anhand ihrer Benutzerrollen einander vorstellen.

Benutzer mit der Benutzerrolle „Redakteur “ beispielsweise zeigen in Kommentaren neben ihrem Namen ein Abzeichen an, das andere Benutzer darauf hinweist, dass dieser Kommentar von einem Redakteur verfasst wurde.

Es schafft Vertrauen bei Ihrem Publikum und erhöht das Engagement der Benutzer bei Kommentaren auf Ihrer Website.

Viele WordPress-Themes heben nur Kommentare hervor, die vom Verfasser des Beitrags verfasst wurden. Sie zeigen keine Beschriftungen für andere Benutzerrollen an, selbst wenn andere Kommentare von registrierten Benutzern oder Website-Administratoren abgegeben werden.

Schauen wir uns also an, wie man in WordPress ganz einfach eine Benutzerrollenbezeichnung neben den Kommentaren hinzufügen kann.

Hinzufügen eines Benutzerrollen-Labels neben dem Namen des Kommentarautors in WordPress

Für dieses Tutorial müssen Sie Code zu Ihren WordPress-Theme-Dateien hinzufügen. Wenn Sie dies noch nicht getan haben, werfen Sie bitte einen Blick auf unsere Anleitung zum Kopieren und Einfügen von Codeschnipseln in WordPress.

Als erstes müssen Sie den folgenden Code in die Datei functions.php Ihres Themes, in ein Site-spezifisches Plugin oder in ein Code Snippets Plugin einfü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;

Diese Funktion Code oben Haken in WordPress-Filter verwendet, um Kommentar Autor Name anzeigen, um Benutzer Rolle Label enthalten.

Wir empfehlen, diesen Code mit WPCode hinzuzufügen, dem besten Code Snippets Plugin für WordPress. Es ist der sicherste und einfachste Weg, Code hinzuzufügen, ohne die functions.php-Datei Ihres Themes zu bearbeiten.

WPCode

Um loszulegen, müssen Sie das kostenlose WPCode-Plugin installieren und aktivieren. Detaillierte Anweisungen finden Sie in dieser Anleitung zur Installation eines WordPress-Plugins.

Sobald das Plugin aktiviert ist, navigieren Sie im WordPress-Dashboard zu Code Snippets “ + Snippet hinzufügen. Klicken Sie dort auf die Schaltfläche „Snippet verwenden“ unter der Option „Eigenen Code hinzufügen (neues Snippet)“.

Add a new custom code snippet in WPCode

Als Nächstes fügen Sie oben auf der Seite einen Titel für Ihr Codefragment ein. Das kann alles sein, was Ihnen hilft, sich zu erinnern, wofür der Code ist.

Fügen Sie dann den Code von oben in das Feld „Codevorschau“ ein und wählen Sie „PHP Snippet“ als Codetyp aus der Dropdown-Liste auf der rechten Seite.

Paste code snippet into the Code Preview box and select PHP Snippet

Danach schieben Sie einfach den Schalter von „Inaktiv“ auf „Aktiv“ und klicken auf die Schaltfläche „Snippet speichern“.

Activate and save your custom code snippet

Sie können jetzt jeden Beitrag mit Kommentaren besuchen, um ihn in Aktion zu sehen.

Bei Kommentaren, die von registrierten Nutzern verfasst werden, wird neben dem Namen des Verfassers des Kommentars auch die Rolle des Nutzers angezeigt. Bei Kommentaren von nicht registrierten Benutzern wird nur der Name des Verfassers des Kommentars angezeigt.

User role label shown next to their comment

Nun, da wir die Benutzerrolle hinzugefügt haben, ist es an der Zeit, sie zu gestalten und sauber aussehen zu lassen.

In unserem Code haben wir eine CSS-Klasse für jede Benutzerrolle hinzugefügt, so dass wir diese CSS-Klassen verwenden können, um jedes Benutzerabzeichen unterschiedlich zu gestalten (z. B. unterschiedliche Farben zu verwenden usw.)

Sie können das folgende CSS-Beispiel 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;
}

Sie können das CSS nach Belieben anpassen. So sah es auf unserer Demo-Website aus:

User role badges displayed with their comments

Weitere Einzelheiten finden Sie in unserer Anleitung zum einfachen Hinzufügen von benutzerdefiniertem CSS zu Ihrer WordPress-Website.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man in WordPress neben den Kommentaren ein Label für die Rolle des Benutzers hinzufügt. Vielleicht interessiert Sie auch unsere Anleitung, wie man Gravatare in WordPress-Kommentaren verzögert lädt und unsere Expertenauswahl der besten Plugins zur Verbesserung von WordPress-Kommentaren.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

10 KommentareEine Antwort hinterlassen

  1. Jack

    What if a user has multiple roles? Let say, I have a user with „verified“ and „subscriber“ roles. I need to put verified badge next to the comment author with „verified“ role. How can I do this?

    • WPBeginner Support

      By default WordPress only allows a user to have 1 role at a time, if you’re using a plugin to allow for multiple roles then it would depend on the specific plugin that you are using :)

      Admin

  2. John

    How to integrate it in Profile Page or lets say, i want to add a code in about Me widget.

  3. Matt

    Hey,

    Great tutorial.

    Is there anyway to customize the text within the badge?

    Instead of the user role, displaying something like „Post Author“? I feel like displaying ‚Administrator‘ for some blogs is a bit of a buzz kill and too serious.

  4. Kelly

    Instead of saying „Administrator“ or whatever their role beside their name, if I wanted to show an icon based on user role, how could I do that? I’ve tried playing with your code but cannot figure out how to display a different icon based on user role.

    • Eddie

      That would be great. I’m looking for this so I can show an icon only for contributors

  5. Mahmudul Hasan

    where put the css code..?

  6. javad

    Hi this code is wrong and when I put it on functions.php my website got 500 error!!!

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.