Виділити коментарі автора без плагінів
- Знайти в файлі style.css розділ коментарі
- Трохи про класи коментарів
- Підсвітити, виділимо ім'я автора блогу в коментарях
- Виділимо фон всього коментаря від автора
- Ось приклад трьох чистих кодів
В такому списку розумно як небудь виділити коментарі, а вірніше відповіді автора гостям. Є багато плагінів для досягнення цього результату. Але тут мова піде не про плагіни. В рамках розділу блогу «Wordpress без плагінів» я запропоную, як виділити коментарі автора без плагінів.
Є ще один момент. Почати потрібно з вивчення свого файлу style.css . Нові шаблони WordPress, які ви можете знайти в інтернет, з великою ймовірністю вже містять елементи css, змінюючи які можна виділити коментарі автора. З них і почнемо.
Знайти в файлі 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 зробіть його копію і якщо зовсім заплутаєтеся в редагуванні коду, то зможете його відновити ..