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


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

В таком списке разумно как нибудь выделить комментарии, а вернее ответы автора гостям. Есть много плагинов для достижения этого результата. Но здесь речь пойдет не о плагинах. В рамках раздела блога «Wordpress без плагинов» я предложу, как выделить комментарии автора без плагинов.

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

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

Найти в файле style.css раздел комментарии

Авторизуйтесь в административной панели. В консоли найдите и откройте Внешний вид >>>Редактор. Справа в открывшемся окне найдите файл style.css и откройте его для редактирования.

В открывшемся файле CSS (Таблица стилей (style.css)) найдите часть кода, отвечающую за оформление комментариев. Эта часть может быть закомментирована как:

/*================== Comments ==================*/

Или просто сформирована в группу, в строках которых есть значения [comments].

Немного о классах комментариев

  • Общие комментарии это класс [commentlist]
  • Комментарии автора это класс [commentlist.bypostautor];
  • Комментарии зарегистрированных пользователей: [commentlist.byuser]

Часть файла style.css со значениями для оформления комментариев

Дальше не сложно:

Подсветим, выделим имя автора блога в комментариях

Для того чтобы выделить имя автора в комментарии, нужно найти код типа:

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 сделайте его копию и если совсем запутаетесь в редактировании кода, то сможете его восстановить..

Еще один пример комментария автора выделить комментарии автора, подсветка имени автора

Еще статьи

Похожие посты:


2 комментария к “Выделить комментарии автора без плагинов”

  1. Умножить отдачу у вашем деле можно всего лишь из одним лучшим решением – подсоединение IP связи поможет клиентам произвести контакт с любой областью или же столицей только за несколько минут также мобилизировать новых партнеров, не эмигрируя из города. Успех виртуального комбинации номера https://tel-number.ru включает о том, что юзер сумел произвести совсем самостоятельную АТС для поступающие плюс отправляемых звонков, плюс к тому же выполнимость использовать многоканальный набор, такой варинат дает возможность для Вас также большой команде сразу осуществлять множество вызовов из одного номера, задействовать СИП связь под час различных отделах существующей компании, ввести колл-переговоры, обретать все наборы по мобильные и стационарные устройства, вызывать абонента с возможному набору цифр за кордон вводить сообщения между столицами и государствами плюс многое иное. Данная команда создать виртуальный номер телефона из большим приятностью посодействует Вам найти интернет- телефонию совершенно с без ничего плюс обнаружить свежие ресурсы.

  2. Грамотно делить свой финансы и сбереженные капитал целесообразно коллективно из практичным фискальным эксперт, который твердо расскажет для Вас по вопросу постоянных плюм прибыльных вложений, чтобы поставить инвестирование самому себе неизменное перспективы.
    Усилить потенциальный сумму сегодня позвояется благодаря закономерному вкладу, потому врполне важно предварительно создать индивидуальный инвестиционный папку, который станет опираться именно на отдельные спрос также выражение капиталовкладчика, а к тому же внешних причинах также рыночной ситуации по разных странах.
    Денежный страница инвестиции в России предлагает Вам налаженность понятного капиталовложения, а также услуги материальной консультации по составлению инвестиционного папки от проверенного знатоком, что оформляет инвестора по процедуре и предоставляет значительный следствие, из которым клиент ясно разбирается https://investprofit.info/ куда предпочтительно инвестировать личные капитал, длч того чтобы обрести большую выгоду. Именно на этом блоге возможно войти в курс с актуальными публикациями по параграфе финансов, выбрать подходящую журналистику, осознать банковую порядок плюс множество аналогичное. Реинвестируйте также унаследуйте свежие потенциал уже здесь и сейчас.

Добавить комментарий

Ваш e-mail не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.