кнопка наверх

Highlight Author Comments: выделить комментарии автора

Author-comments-in-WordPressПривет, дорогие читатели блога Pro-Wordpress.ru! Завтра 9 мая, и мы планируем пойти на Пискаревское мемориальное кладбище в поисках ветеранов, чтобы подарить им цветы и сказать слова благодарности. Присоединяйтесь!

А сегодня мы рассмотрим плагин Highlight Author Comments, который позволяет выделить комментарии админа блога. Это делают для того, чтобы комментарии администратора были заметны для читателя, и пользователь смог без труда найти их. Если заинтересовал плагин, то читаем дальше и устанавливаем себе на блог.

Плагина Highlight Author Comments: установка, настройка

Для начала нужно скачать плагин Highlight Author Comments или найти его в поиске по плагинам. После установки активировать его в админке. Далее переходим в Параметры -> Highlight Comments. И видим, что у плагина всего две настройки. Что может быть проще!

Чтобы плагин начал выделять комментарии автора WordPress, нужно прописать CSS стили:clip_image001

Style the comment body: (Стиль формы)

1
Padding: 1em; background-color: #f6f6f6; margin-top: 5px; border: 1px solid #464646;

Если вставить в поле «Style the comment body» код, приведенный выше, то у вас получится вот такая форма:

clip_image002

  1. Рамка. За внешний вид рамки отвечает стиль border: 1px solid #464646;
    Чтобы поменять цвет рамки, указываем вместо #464646 нужный вам цвет в виде шестизначного кодеа. Если не знаете, как узнать нужный цвет, можете спросить меня в комментариях:)
  2. Фон. За фон отвечает стиль backgroundcolor: #f6f6f6; чтобы изменить его вместо #f6f6f6 пишете код своего цвета.

Если у вас есть минимальные знания CSS, то вам не составит труда оформить внешний вид комментария автора на свой вкус. 

Смотрите также другие статьи на моем блоге, где рассказывается, как оформить тот или иной элемент (настроить его внешний вид):

Выделяем без плагина

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

1
2
3
4
5
6
li.byuser {
/* CSS для комментариев зарегистрированных пользователей */
}
li.bypostauthor {
/* CSS стиль для автора блога */
}

Вместо комментариев (их можно удалить), впишите свой код, аналогично тому, который указан для добавления в настройки плагина Highlight author comments.

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


1 звезда2 звезды3 звезды4 звезды5 звезд (3 оценок, среднее: 5,00 из 5)
Загрузка...
like
Понравилось?
Подпишитесь на блог и получайте новые статьи!
Добавляйтесь в соц. сетях: