Как выделить комментарии автора блога в WordPress

Сегодня я хочу поговорить об улучшении юзабилити блога, а именно о выделении комментариев автора блога. Как Вам известно, по некоторым данным, посетителей намного больше привлекают комментируемые статьи, чем “голые”, то есть без комментариев. Видя статью, к которой оставлено большое количество комментариев, пользователь, скорее всего, посчитает её актуальной и интересной, так как она обсуждаема.

Как выделить комментарии автора блога в WordPress

Рано или поздно (бывают случаи, что и никогда) посетитель, прочитавший (или нет) статью “доберется” до комментариев к проштудированному материалу. Естественно, любому человеку интересны различного рода обсуждения, в данном случае – вопросы к статье и комментарии автора на эти вопросы. Очень часто бывает так, что визуально очень сложно отделить комментарии автора блога с комментариями посетителей, ввиду одинаковой цветовой схемы. Конечно, можно просто просмотреть ники и найти что-то вроде “admin”, “Автор” или “Администратор”, но не всегда. Автор блога может указать свое имя или же что-то другое, что осложнит поиск комментариев автора.

Для того чтобы пользователи всегда могли сразу же определить Ваши комментарии, необходимо их визуально выделить цветом. Как это сделать?

Как выделить комментарии автора

Ранее, комментарии на блоге выглядели не совсем красиво, да что там говорить, их внешний вид был ужасен и однообразен, что естественно отталкивало посетителей от комментирования. Если не верите, то вот скриншот.

На мой взгляд, такой внешний вид комментариев оскорбителен для посетителей, не говоря уже о комментариях автора, то есть меня. Никакой разницы в оформлении, никакого выделения цветом, вообще ничего. Если на Вашем блоге сложилась такая же ситуация, то пришло время это исправлять.

Для того чтобы выделить комментарии автора блога лучше всего поменять фон, так как различие цветов сразу же привлекает взгляд. Сразу хочу Вас обрадовать, что никаких лишних и ненужных плагинов скачивать не придется, хотя таких и не существует. Все что нужно сделать это внести пару изменений в Ваш style.css и все.

Начали, заходим в Админ-панель -> Внешний вид -> Редактор -> Таблицы стилей (style.css). В данном файле необходимо найти строки .commentlist.

Найти данные строки, на мой взгляд, несложно. После того как Вы нашли необходимые строки, просто добавьте данный код:

.commentlist > li.bypostauthor {
background: #DCF2F5; /* Цвет фона комментариев автора */
border-color: #eeeeee; /* Цвет рамки комментариев автора */
}

После чего у Вас должно получиться что-то вроде этого.

Все готово, осталось дело за малым: выбрать подходящий цвет фона и цвет рамки, а также не забыть все сохранить. После несложных проделанных операций, в моем случае, получилось следующее.

Как вы видите, теперь комментарии автора блога сразу можно отличить от остальных по различающемуся фону. Так как я не использую древовидные комментарии, чтобы не создавать лишних ссылок, на этом визуальные изменения закончены.

Если Вы используете древовидные комментарии, то Вам необходимо добавить в Ваш файл style.css еще один несложный код:

.commentlist .children > li.bypostauthor {
background: #;  /* Цвет фона комментария автора */
border-color: #; /* Цвет рамки комментария */
}

Данный код предназначен для выделения комментариев автора не первого уровня, то есть для выделения ответов на комментарии, вот как это будет выглядеть.

Вы видите сами, что ничего сложного при выделении комментариев автора нет, все легко и просто, особенно после прочтения данной статьи. Надеюсь, что данный материал был для Вас полезен и интересен, жду комментариев и новых подписчиков.

339