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

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

По-умолчанию WordPress генерирует набор CSS классов, что упрощает работу дизайнеров и пользователей по изменению стилей. Среди прочих, WordPress добавляет специальный класс именно для стилизации комментариев автора статьи.

Класс называется .bypostauthor, и найти его можно в элементе .commentlist. Все, что вам нужно сделать, это добавить собственные стили с помощью CSS. Например, вы можете добавить собственный фон или изображение и т.д. Примечание: этот код можно найти в файле style.css, расположенному в папке вашей темы.

.commentlist .bypostauthor {}
.commentlist li ul.children li.bypostauthor {}

Это не очень сложно. Часто, отличия в комментариях не особо заметны. Например, Chris Coyier добавил себе border-top с желто-оранжевым цветом, что позволяет комментарию выделяться.

highlightauthorchris[1]

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

.commentlist .bypostauthor {border-top: 10px solid #e18728;}
.commentlist li ul.children li.bypostauthor {border-top: 10px solid #e18728;}

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

Другой пример можно увидеть на сайте Matt Cutt. Он подсвечивает свои комментарии путем добавления светлого фона, в то время как все другие комментарии имеют чистый белый цвет.

highlightauthormatt[1]

Подобное можно реализовать путем добавления следующего кода в свой файл style.css:

.commentlist .bypostauthor {background: #e7f8fb;}
.commentlist li ul.children li.bypostauthor {background: #e7f8fb;}

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

Мы надеемся, что эта статья о том, как выделить комментарии автора статьи, окажется вам полезной. Примеры выше достаточно простые, но никто не ограничивает вашу фантазию.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

VN:F [1.9.22_1171]
Rating: 5.0/5 (2 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top