So heben Sie Kommentare des Autors in WordPress hervor

Ihr Kommentarbereich ist der Ort, an dem Ihre Community lebendig wird. Es ist ein wichtiger Raum für Verbindung, Konversation und Leserbindung.

Als Autor sind Ihre Antworten ein wichtiger Teil dieser Interaktion. Sie möchten sicherstellen, dass Ihre Stimme für die Leser leicht zu finden ist, um noch mehr Diskussionen anzuregen.

Das Hervorheben Ihrer Kommentare verleiht ihnen die Aufmerksamkeit, die sie verdienen. Diese einfache Berührung lässt Ihren gesamten Diskussionsbereich professioneller, organisierter und ansprechender aussehen.

Wir glauben, dass kleine Designentscheidungen einen großen Einfluss auf die Benutzererfahrung haben können. Und dies ist eine der einfachsten und effektivsten Änderungen, die Sie vornehmen können.

In diesem Artikel zeigen wir Ihnen, wie Sie die Kommentare des Autors in WordPress einfach hervorheben können.

Warum Kommentare des Autors in WordPress hervorheben?

Kommentare sind eine großartige Möglichkeit, die Benutzerbindung auf Ihrer Website aufzubauen. Wenn Sie mehr Kommentare zu Ihren Artikeln erhalten möchten, können Sie dies fördern, indem Sie aktiv an den Diskussionen teilnehmen.

Für einen neuen WordPress-Blog können Sie ganz einfach auf Kommentare antworten und an Diskussionen mit Ihren Lesern teilnehmen. Wenn Sie einen Blog mit mehreren Autoren betreiben, können Sie die Autoren ermutigen, auch bei der Moderation von Kommentaren zu helfen.

Die meisten WordPress-Themes unterscheiden jedoch nicht zwischen Kommentaren, und sie werden im gleichen Stil aufgeführt.

Ein zufälliger Leser kann die Kommentare durchscrollen, ohne die zusätzlichen Inhalte zu bemerken, die der Autor in der Diskussion beigetragen hat.

Das Hervorheben von Autorenkommentaren hilft Ihnen, dies zu beheben und macht die Kommentare des Autors auffälliger und besser sichtbar.

Das ultimative Ziel hier ist es, neue Benutzer zu ermutigen, sich in den Kommentaren zu beteiligen und sich letztendlich für Ihren Newsletter anzumelden oder Kunde zu werden.

Nichtsdestotrotz wollen wir uns ansehen, wie man Autorenkommentare in WordPress ganz einfach hervorhebt.

• Hervorheben des Kommentarautors in WordPress
• Kommentare nach Benutzerrolle in WordPress hervorheben

Hervorheben des Kommentarautors in WordPress

Der einfachste Weg, Kommentare vom Beitragsautor hervorzuheben, ist das Hinzufügen von benutzerdefiniertem CSS zu Ihrem WordPress-Theme. Dies ermöglicht es Ihnen, den benötigten Code einfach hinzuzufügen und eine Live-Vorschau zu sehen, wie er auf Ihrer Website aussehen würde, ohne ihn zu speichern.

Besuchen Sie zuerst Darstellung » Anpassen im WordPress-Adminbereich. Dies startet die WordPress Theme Customizer-Oberfläche. Sie werden eine Reihe von Optionen in einer Spalte auf der linken Seite und eine Live-Vorschau Ihrer Website bemerken.

Von hier aus müssen Sie auf die Registerkarte „Zusätzliches CSS“ klicken.

Dies öffnet ein Textfeld, in das Sie das benutzerdefinierte CSS einfügen werden.

Sie möchten jedoch sehen, wie das benutzerdefinierte CSS aussehen wird, wenn es angewendet wird.

Um dies zu tun, müssen Sie zu einem Blogbeitrag navigieren, der Kommentare eines Beitragsautors enthält.

Scrollen Sie nach unten zum Kommentarbereich und fügen Sie dann den folgenden benutzerdefinierten CSS-Code in das Feld "Benutzerdefinierter CSS-Code" auf der linken Seite ein.

.bypostauthor { 
background-color: #e7f8fb;
}

Sie werden sofort feststellen, dass sich der Autorenkommentar an die von Ihnen eingegebene benutzerdefinierte CSS anpasst.

Wie funktioniert das alles?

Sie sehen, WordPress fügt verschiedenen Bereichen Ihrer Website einige Standard-CSS-Klassen hinzu. Diese CSS-Klassen sind vorhanden, unabhängig davon, welches WordPress-Theme Sie verwenden.

In diesem Beispielcode haben wir die CSS-Klasse .bypostauthor verwendet, die allen von einem Beitragsautor hinzugefügten Kommentaren hinzugefügt wird.

Fügen wir noch einige CSS-Stile hinzu, um ihn noch prominenter zu machen. Hier ist ein Beispielcode, der ein kleines „Autor“-Label zu den Kommentaren des Beitragsautors hinzufügt und einen Rahmen um das Avatar-Bild des Autors legt.

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

So sah es auf unserer Testwebsite aus.

Kommentare nach Benutzerrolle in WordPress hervorheben

Heute haben viele WordPress-Blogs Teammitglieder, die für das Beantworten von Kommentaren verantwortlich sind. Beliebte Websites haben möglicherweise den Post-Autor, den Administrator und Moderatoren, die alle Kommentare beantworten, um das Benutzerengagement zu steigern.

Wie heben Sie einen Kommentar hervor, der von einem Mitarbeiter hinzugefügt wurde, der nicht der eigentliche Autor des Beitrags ist?

Es gibt einen einfachen Trick, um das zu erreichen. Es erfordert jedoch, dass Sie benutzerdefinierten Code zu Ihrer WordPress-Website hinzufügen. Wenn Sie dies noch nie zuvor getan haben, lesen Sie unseren Artikel Anfängerleitfaden zum Einfügen von Code-Schnipseln aus dem Web in WordPress.

Zuerst müssen Sie den folgenden Code zu Ihrer Theme-Datei functions.php oder in ein Code-Snippet-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;

Anstatt die functions.php-Datei Ihres Themes zu bearbeiten, empfehlen wir, diesen Code mit WPCode hinzuzufügen.

Dieses Plugin für Code-Snippets macht es sicher und einfach, benutzerdefinierten Code in WordPress hinzuzufügen.

Um zu beginnen, müssen Sie das kostenlose WPCode-Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, sehen Sie sich unseren Leitfaden zur Installation eines WordPress-Plugins für Anfänger an.

Sobald das Plugin aktiviert ist, gehen Sie in Ihrem WordPress-Dashboard zu Code-Snippets » Snippet hinzufügen.

Bewegen Sie dann Ihre Maus über die Option „Benutzerdefinierten Code hinzufügen (Neuer Ausschnitt)“ und klicken Sie auf die Schaltfläche „Benutzerdefinierten Ausschnitt hinzufügen“.

Wählen Sie als Nächstes 'PHP-Snippet' als Code-Typ aus den Optionen, die auf dem Bildschirm erscheinen.

Jetzt können Sie einen Titel für Ihren Ausschnitt hinzufügen und den obigen Code in das Feld 'Code-Vorschau' einfügen.

Schalten Sie danach einfach den Schalter von 'Inaktiv' auf 'Aktiv' um und klicken Sie oben auf der Seite auf die Schaltfläche 'Snippet speichern'.

Dieser Code fügt einfach die Benutzerrollenbezeichnung neben dem Namen des Kommentarautors hinzu. So würde es ohne benutzerdefiniertes Styling aussehen.

Machen wir es ein wenig schöner, indem wir etwas benutzerdefinierten CSS hinzufügen. Gehen Sie zur Seite Darstellung » Anpassen und wechseln Sie zum Tab Zusätzliches CSS.

Sie können die folgende CSS verwenden, um das Label der Benutzerrolle in den Kommentaren zu gestalten.

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

So sah es auf unserer Testseite aus. Ändern Sie den Code gerne, um ihn an die Farben und den Stil Ihres Themes anzupassen.

Für weitere Details lesen Sie vielleicht unseren Artikel darüber, wie Sie Benutzerrollenbezeichnungen zu WordPress-Kommentaren hinzufügen.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Autorenkommentare in WordPress hervorheben können. Möglicherweise möchten Sie auch unser Tutorial zum Thema Hervorheben neuer Beiträge für wiederkehrende Besucher in WordPress und unsere Expertenauswahl der besten Autoren-Bio-Box-Plugins für WordPress ansehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.