Möchten Sie die Kommentare des Autors in WordPress-Beiträgen auf Ihrer Website hervorheben?
Das Hervorheben der Kommentare des Autors in Ihrem WordPress-Blog kann Ihnen helfen, Engagement aufzubauen. Benutzer hinterlassen eher einen Kommentar, wenn sie sehen, dass der Autor aktiv an der Diskussion teilnimmt.
In diesem Artikel zeigen wir Ihnen, wie Sie die Kommentare des Autors in WordPress einfach hervorheben können, um das Engagement zu steigern.
Warum Kommentare des Autors in WordPress hervorheben?
Kommentare sind eine großartige Möglichkeit, das Engagement der Benutzer auf Ihrer Website zu steigern. Wenn Sie mehr Kommentare zu Ihren Artikeln erhalten möchten, können Sie dies fördern, indem Sie sich aktiv an den Diskussionen beteiligen.
Bei einem neuen WordPress-Blog können Sie während der Kommentarmoderation ganz einfach auf Kommentare antworten. Wenn Sie einen Blog mit mehreren Autoren betreiben, können Sie auch Autoren dazu ermutigen, sich an der Diskussion zu beteiligen.
Die meisten WordPress-Themes unterscheiden jedoch nicht zwischen Kommentaren und listen sie im gleichen Stil auf.
Ein gelegentlicher Leser kann durch die Kommentare scrollen, ohne den zusätzlichen Inhalt zu bemerken, den der Autor in der Diskussion beigesteuert hat.
Das Hervorheben von Autorenkommentaren hilft Ihnen, dies zu beheben, und lässt die Kommentare des Autors hervorstechen und auffälliger werden.
Das ultimative Ziel hier ist es, neue Benutzer zu ermutigen, sich an den Kommentaren zu beteiligen und schließlich Ihren Newsletter zu abonnieren oder Kunde zu werden.
Lassen Sie uns jedoch einen Blick darauf werfen, wie Sie Autorenkommentare in WordPress einfach hervorheben können.
Hervorheben des Kommentarautors in WordPress
Der einfachste Weg, Kommentare von Post-Autoren hervorzuheben, besteht darin, benutzerdefiniertes CSS zu Ihrem WordPress-Theme hinzuzufügen. Auf diese Weise können Sie den benötigten Code einfach hinzufügen und eine Live-Vorschau anzeigen, wie er auf Ihrer Website aussehen würde, ohne ihn zu speichern.
Zuerst müssen Sie besuchen Aussehen » Anpassen im WordPress-Adminbereich. Dadurch wird die WordPress-Theme-Anpasser-Schnittstelle gestartet. Sie sehen eine Reihe von Optionen in einer Spalte auf der linken Seite und eine Live-Vorschau Ihrer Website.
Von hier aus müssen Sie auf die Registerkarte Zusätzliches CSS klicken. Dadurch wird ein Textbereich geöffnet, in dem Sie das benutzerdefinierte CSS hinzufügen.
Sie möchten jedoch sehen, wie das benutzerdefinierte CSS aussieht, wenn es angewendet wird. Dazu müssen Sie zu einem Blogbeitrag navigieren, der Kommentare eines Beitragsautors enthält.
Scrollen Sie nach unten zum Kommentarbereich und fügen Sie dann das folgende benutzerdefinierte CSS im Feld Benutzerdefiniertes CSS auf der linken Seite hinzu.
.bypostauthor { background-color: #e7f8fb; }
Sie werden sofort feststellen, dass die Änderung des Autorenkommentars mit dem von Ihnen eingegebenen benutzerdefinierten CSS übereinstimmt.
Wie funktioniert das alles?
Sie sehen, dass WordPress verschiedenen Bereichen Ihrer Website einige Standard-CSS-Klassen hinzufügt. Diese CSS-Klassen gibt es unabhängig davon, welches WordPress-Theme Sie verwenden.
In diesem Beispielcode haben wir die .bypostauthor
CSS-Klasse, die allen Kommentaren eines Beitragsautors hinzugefügt wird.
Lassen Sie uns einige weitere CSS-Stile hinzufügen, um es noch prominenter zu machen. Hier ist ein Beispielcode, der den Kommentaren des Beitragsautors ein kleines Label „Autor“ und einen Rahmen um das Avatarbild des Autors hinzufügt.
.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 Testseite aus.
Hervorheben von Kommentaren nach Benutzerrolle in WordPress
Jetzt haben viele WordPress-Blogs Teammitglieder, die für die Beantwortung von Kommentaren verantwortlich sind. Bei beliebten Websites können Postautor, Administrator und Moderator alle Kommentare beantworten, um das Engagement der Benutzer zu steigern.
Wie hebt man einen Kommentar hervor, der von einem Mitarbeiter hinzugefügt wurde, der nicht der eigentliche Autor des Beitrags ist?
Es gibt einen einfachen Hack, um das zu erreichen. Es erfordert jedoch, dass Sie Ihrer WordPress-Website benutzerdefinierten Code hinzufügen. Wenn Sie dies noch nicht getan haben, lesen Sie unseren Artikel zum einfachen Hinzufügen von benutzerdefiniertem Code in WordPress.
Zuerst müssen Sie dem Code-Snippets-Plugin oder der Datei functions.php Ihres Themes den folgenden Code 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 Code fügt einfach die Benutzerrollenbezeichnung neben dem Namen des Kommentarautors hinzu. So würde es ohne individuelles Styling aussehen.
Machen wir es etwas schöner, indem wir benutzerdefiniertes CSS hinzufügen. Gehe zu Aussehen » Anpassen Seite und wechseln Sie zur Registerkarte Zusätzliches CSS.
Danach können Sie das folgende CSS verwenden, um die Benutzerrollenbezeichnung 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. Fühlen Sie sich frei, den Code an die Farben und den Stil Ihres Themes anzupassen.
Weitere Informationen finden Sie in unserem Artikel zum Hinzufügen von Benutzerrollenlabels zu WordPress-Kommentaren.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Autorenkommentare in WordPress hervorheben. Möchten Sie sehen, wie Benutzer mit Ihrer Website interagieren? In unserem Tutorial erfahren Sie, wie Sie die Benutzerinteraktion in WordPress verfolgen und Web-Push-Benachrichtigungen auf Ihrer WordPress-Site hinzufügen, um Ihren Datenverkehr zu steigern.