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

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

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

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

Читайте так же:  Похожие записи Wordpress без плагина

Найти в файле 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, сохраняетесь и проверяете результат.

Приведу несколько скриншотов как меняет внешний вид комментариев автора. Подсвечено имя автора (желтым) и фон(серый) комментария автора.

Внешний вид комментария автора до изменеий

Комментариии автора

Читайте так же:  Эффект lightbox для фото Wordpress без плагина

Вот пример трех чистых кодов

Выделить фон комментария автора:

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

Коды большие и там есть, что посмотреть.

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

Читайте так же:  Wordpress плагин Exploit Scanner безжалостный борец с вирусами

Другие статьи раздела «WordPress без плагина»


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

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