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

Опубликовано: 01.09.2018

Совсем недавно я правил шаблон блога и делал страницу захвата для Алены . И одним из пожеланий в переделке шаблона было выделение комментариев автора блога . Попробовав всеми любимый плагин для этого дела, я столкнулся с его некорректной работой. А на самом деле чтобы выделить комментарии администратора плагин – это через чур!

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

Вот что мы получили когда плагин был запущен:

Комментарии автора выделились цветом, но:

1 помарка: фоновый цвет стал применяться ко всей ветке комментариев; 2 помарка: все комментарии, независимо оставлены они автором или нет так же выделились.

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

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

Как мы видим комментарий admin’a отличается:

Фоновый цвет сменился фоновой картинкой; Цвет текста стал черным; Добавлена тень под блоком; Изменены цвета границ; Немного измены отступы вокруг аватара и др. незначительные изменения.

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

А теперь опишем те действия, которые были предприняты. Для того чтобы понять с чего начать нам потребуется воспользоваться функцией браузера Google Chrome – “Просмотр кода элемента”, которая вызывается правой кнопкой мышки и кликом по соответствующему пункту. Затем отыскиваем ту часть, чтобы комментарий админа был полностью подсвечен.

Оказывается WordPress присваивает комментариям автора отдельный класс, у меня это выглядит вот так (обратите внимание, что весь комментарий выделен):

В данном случае нас интересует только часть названия класса, у каждого оно может отличаться, в моем случае это “comment-author-admin” – не трудно догадаться, что именно так называются комментарии автора – admina.

Теперь находим ту площадь, которую нам необходимо поменять, например прямоугольник, где представлен текст комментария, аватарка и кнопка “Ответить”:

За эту площадь у меня отвечает класс pcom.

Теперь наша задача состоит в следующем: необходимо чтобы фоновый цвет этой части в комментариях автора отличался. Для этого все лишь нужно дописать 1-2 строки в файле стилей – вот и вся работа плагина . Как считаете стоит ли устанавливать плагин ради нескольких слов? Я считаю, что это не очень рационально и все таки основы строения сайтов нужно знать – это всегда пригодится.

Итак, открываем файл style.css (Дизайн → Редактор) и добавляем в самый конец этого файла следующие строки:

/* Комментарии админа */ .comment-author-admin .pcom { background: #f9f9f9; }

Этой строчком мы дали следующую команду: фоновый цвет в комментарии админа должен быть таким #f9f9f9. А конкретнее: если это комментарий автора (comment-author-admin), то поле комментария (pcom) будет залито оттеноком белого цвета.

Как подобрать фоновый цвет можете посмотреть в этой статье:  Коды цветов в html и css – все что нужно знать . Вместо цвета можно подставить картинку, а так же изменить размер, цвет текста и так далее.

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

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

Вот таким вот не очень сложным способом мы выделили комментарии автора без плагина!

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

Похожие статьи:

Комментировать через ВКонтакте :

rss