кнопка наверх
X
Это интересно

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
Понравилось?
Подпишитесь на блог и получайте новые статьи!
Добавляйтесь в соц. сетях:
  1. Антон:

    Спасибо за статью, наконец то у меня получилось )) До этого 3 других плагина пробовал с разных блогов по совету авторов, но они не работали. Ваш материал оказался самым качественным! )

    Ответить
  2. Taras:

    Спасибо за пост.

    Со стилем у меня возникала проблема после установки плагина. А с параметрами стиля из этого поста получилось все как надо.

    Могли бы Вы посмотреть почему у меня не отображался стиль, который я устанавливал до просмотра этого поста?

    Ответить
  3. Алена:

    Большое спасибо за статью! Плагин поставила, но он у меня не работал. Стала искать, как решить проблему. В основном смотрела видео, но на нем не видно, что нужно писать. А у Вас в статье все «разжевано». И чудо! Плагин заработал! Спасибо!

    Ответить
  4. Галина:

    Анна, а ссылка на плагин в этой статье не работает.

    Ответить
Ваш комментарий: