Выделить комментарии автора без плагинов
Опубликовано: 01.09.2018
В таком списке разумно как нибудь выделить комментарии, а вернее ответы автора гостям. Есть много плагинов для достижения этого результата. Но здесь речь пойдет не о плагинах. В рамках раздела блога «Wordpress без плагинов» я предложу, как выделить комментарии автора без плагинов.
Как выделить комментарии автора
Сразу отмечу, что предложенный метод хоть и является правильным и проверенным на нескольких шаблонах, но он не является универсальным. Шаблон может быть сверстан, так, что предложенный ниже вариант добавления в код не дадут нужного результата.
Есть еще один момент. Начать нужно с изучения своего файла style.css . Новые шаблоны WordPress,которые вы можете найти в интернет, с большой вероятностью уже содержат элементы css ,меняя которые можно выделить комментарии автора. С них и начнем.
Самый полезный плагин для цветокорректора | False Color | DaVinci Resolve + РОЗЫГРЫШ
Найти в файле style.css раздел комментарии
Авторизуйтесь в административной панели. В консоли найдите и откройте Внешний вид >>>Редактор. Справа в открывшемся окне найдите файл style.css и откройте его для редактирования.
В открывшемся файле CSS (Таблица стилей (style.css)) найдите часть кода, отвечающую за оформление комментариев. Эта часть может быть закомментирована как:
/*================== Comments ==================*/
Или просто сформирована в группу, в строках которых есть значения [comments].
Немного о классах комментариев
Общие комментарии это класс [commentlist] Комментарии автора это класс [commentlist.bypostautor]; Комментарии зарегистрированных пользователей: [commentlist.byuser]
Дальше не сложно:
Подсветим, выделим имя автора блога в комментариях
Для того чтобы выделить имя автора в комментарии, нужно найти код типа:
class="theme:tomorrow-night lang:default decode:true">.comment-author .fn { line-height: 30px; background: #dddddd; /*цвет фона Имени автора*/ color: #eeeeee; font-weight: bold; font-size: 1.3em; /*Размер шрифта имени автора*/ font-style: normal; /*Стиль шрифта: normal | italic | oblique | inherit */ }Если такой код есть, меняете значения строк, которые вам нужно поменять и получаете нужный результат.
Фон это значение свойства:background
Если такого кода нет, вставляете его и файл и устанавливаете нужные значения. Затем сохраняете файл и проверяете результат.
Выделим фон всего комментария от автора
Ищем в файле style.css часть кода :
/* Выделить сообщение автора подсветкой*/ .commentlist > li.bypostauthor { background: #dddddd; /*Цвет фона комментария автора*/ border-color: #eeeeee;/*Цвет рамки комментария*/ }Если такая часть есть в файле style.css меняете значения в строке background:# ,сохраняетесь и проверяете результат.
Если такого кода нет, вставляеnt его в файл style.css, меняете значения свойства background, сохраняетесь и проверяете результат.
Приведу несколько скриншотов как меняет внешний вид комментариев автора. Подсвечено имя автора (желтым) и фон(серый) комментария автора.
Вот пример трех чистых кодов
Выделить фон комментария автора:
/* Выделить сообщение автора подсветкой*/ .commentlist > li.bypostauthor { background: #; /*Цвет фона комментария автора*/ border-color: #;/*Цвет рамки комментария*/ }Эти коды, «подсветят» только комментарии первого уровня : типа вопрос-ответ.
Выделить фон Имени автора:
/* Подсветка Имени автора*/ .comment-author .fn { line-height: 30px; background: #; /*цвет фона Имени автора*/ color: #; font-weight: bold; font-size: 1.3em; /*Размер шрифта имени автора*/ font-style: normal; /*Стиль шрифта: normal | italic | oblique | inherit */ }Выделение фона комментариев Автора не первого уровня:
/* Выделение сообщения Автора не первого уровня*/ .commentlist .children > li.bypostauthor { background: #; /*Цвет фона комментария автора*/ border-color: #; /*Цвет рамки комментария*/ }Важно! Перед редактированием файла style.css сделайте его копию и если совсем запутаетесь в редактировании кода, то сможете его восстановить..