Вы хотите выделить комментарии автора в постах WordPress на вашем сайте?
Выделение комментариев автора в блоге WordPress поможет вам повысить вовлеченность пользователей. Пользователи с большей вероятностью оставят комментарий, если увидят, что автор активно участвует в обсуждении.
В этой статье мы покажем вам, как легко выделить комментарии автора в WordPress, чтобы повысить вовлеченность.
Зачем выделять авторские комментарии в WordPress?
Комментарии — это отличный способ повысить вовлеченность пользователей на вашем сайте. Если вы хотите получать больше комментариев к своим статьям, то вы можете поощрять это, активно участвуя в обсуждениях.
Для нового блога WordPress вы можете легко отвечать на комментарии во время модерации комментариев. Если у вас блог с несколькими авторами, то вы можете поощрять авторов также принимать участие в обсуждении.
Однако большинство тем WordPress не делают различий между комментариями и выводят их в одном стиле.
Случайный читатель может пролистать комментарии, не заметив дополнительного содержания, внесенного автором в обсуждение.
Выделение авторских комментариев помогает исправить ситуацию и делает комментарии автора более заметными.
Конечная цель здесь — побудить новых пользователей присоединиться к комментариям и в конечном итоге подписаться на вашу рассылку или стать вашим клиентом.
Учитывая это, давайте рассмотрим, как легко выделить авторские комментарии в WordPress.
Выделение автора комментария в WordPress
Самый простой способ выделить комментарии по автору поста — это добавить пользовательский CSS в вашу тему WordPress. Это позволит вам легко добавить необходимый код и посмотреть в реальном времени, как он будет выглядеть на вашем сайте, не сохраняя его.
Сначала вам необходимо посетить Внешний вид » Настроить в области администратора WordPress. Это запустит интерфейс настройки темы WordPress. Вы заметите кучу опций в колонке слева и живой предварительный просмотр вашего сайта.
Отсюда вам нужно перейти на вкладку «Дополнительные CSS». Откроется текстовая область, в которую вы добавите пользовательский CSS.
Однако, вы хотите увидеть, как будет выглядеть пользовательский CSS при его применении. Для этого вам нужно перейти к записи блога, которая содержит комментарии автора записи.
Прокрутите вниз до раздела комментариев и добавьте следующий пользовательский CSS в поле Custom CSS слева.
.bypostauthor
Вы сразу заметите, что комментарий автора изменился в соответствии с пользовательским CSS, который вы ввели.
Как же все это работает?
Вы видите, что WordPress добавляет некоторые классы CSS по умолчанию в различные области вашего сайта. Эти классы CSS существуют независимо от того, какую тему WordPress вы используете.
В этом примере кода мы использовали .CSS-класс bypostauthor, который добавляется ко всем комментариям, добавленным автором поста.
Давайте добавим еще несколько CSS стилей, чтобы сделать его еще более заметным. Вот пример кода, который добавляет небольшую метку «Автор» к комментариям автора поста и рамку вокруг изображения аватара автора.
.bypostauthor:before < content:"Author"; float:right; background-color:#FF1100; padding:5px; font-size:small; font-weight:bold; color:#FFFFFF; >.bypostauthor .аватар
Вот как это выглядело на нашем тестовом сайте.
Выделение комментариев по роли пользователя в WordPress
Сейчас во многих блогах WordPress есть члены команды, отвечающие за ответы на комментарии. На популярных сайтах автор поста, администратор и модераторы могут отвечать на комментарии, чтобы повысить вовлеченность пользователей.
Как выделить комментарий, добавленный сотрудником, который не является фактическим автором сообщения??
Для этого существует простой хак. Однако для этого необходимо добавить пользовательский код на ваш сайт WordPress. Если вы не делали этого раньше, то посмотрите нашу статью о том, как легко добавить пользовательский код в WordPress.
Во-первых, вам нужно добавить следующий код в плагин code snippets или в функции вашей темы.php файл.
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' ) ); >// Получение роли автора комментария 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 вывод для добавления рядом с именем автора комментария $this->comment_user_role = ' ' . ucfirst($comment_user_role) . ''; > else < $this->comment_user_role = ''; > return $author; > // Отображение автора комментария function wpb_comment_author_role($author) < return $author .= $this->comment_user_role; > > new WPB_Comment_Author_Role_Label; endif;
Этот код просто добавляет метку роли пользователя рядом с именем автора комментария. Вот как это будет выглядеть без каких-либо пользовательских стилей.
Давайте сделаем его немного красивее, добавив несколько пользовательских CSS. Перейти к Внешний вид » Настроить страницу и переключитесь на вкладку «Дополнительные CSS.
После этого вы можете использовать следующий CSS для стилизации метки роли пользователя в комментариях.
.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
Вот как это выглядело на нашем тестовом сайте. Не стесняйтесь изменять код в соответствии с цветами и стилем вашей темы.
Для получения более подробной информации вы можете прочитать нашу статью о том, как добавить метки ролей пользователей в комментарии WordPress.
Мы надеемся, что эта статья помогла вам узнать, как выделить комментарии автора в WordPress. Хотите увидеть, как пользователи взаимодействуют с вашим сайтом? Смотрите наш учебник о том, как отслеживать вовлеченность пользователей в WordPress, и как добавить веб-уведомления на ваш сайт WordPress для увеличения трафика.
Источник: www.wpbeginner.com