Оформление комментариев автора без плагинов

Здравствуйте, читатели блога seoslim.ru, скажите какое оформление комментариев автора используете вы у себя на сайте?

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

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

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

Достаточно всего лишь заменить их php или html кодом. Поэтому в этой статье я избавлюсь от очередного плагина Highlight Author Comments, который отвечает за оформление комментариев, а именно выделяет авторский текст другим цветом.

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

.comment-author-maxims {
 background: #FFF2C3; - Цвет оформления
 }

Поэтому нет никакого смысла использовать данный плагин, тем самым нагружая хостинг, ради одной строчки. Лучше ее прописать самим в файле style.css.

Для этого нам понадобиться браузер Opera, можно нижеперечисленное проделать и в Google Chrome, Mozilla Firefox и других. Отличия будут немного в дизайне и структуре вывода php кода, а также стилей, но принцип работы останется тем же.

Переходим на страницу с оставленными комментариями и нажимаем правую кнопку мыши по любой ссылке. Откроется контекстное меню, в котором необходимо выбрать «Проинспектировать элемент».

Перед вами появится 3 рабочих блока браузера. В первом можно выделять любые элементы страницы. Во втором будет отображаться php и html код выделенных областей, а в третьем будут показаны стили для соответствующих элементов выделенных областей.

Дело в том, что wordpress уже присвоил каждому комментарию отдельный класс, а наша с вами задача заключается в том, чтобы найти именно тот, который отвечает за оформление комментариев wordpress.

Для этого нужно выделить или подсветить сообщения автора.

Как мы видим в области кода страницы, за наше выделение отвечает класс «comment-author-maxims», у кого-то может немного отличаться.

Далее нужно выделить ту область, которая у нас будет оформляться отдельным цветом.

Здесь мы увидим тот класс, который отвечает непосредственно за оформление комментариев автора. В моем случае это «thechild».

Теперь остается дописать в файл style.css эти классы и присвоить им цвет.

Для этого вставляем в файл стилей, в любое место следующий код:

.comment-author-maxims .thechild {
 background: #E8E8E8;
 }

Этим кодом мы дали понять движку wordpress, что если будет оставлен авторский комментарий «comment-author-maxims», то после него «thechild» нужно добавить соответствующий цвет «E8E8E8».

Цвет вы можете выбрать тот, который будет лучше всего подходить к дизайну блога. Рекомендую для определения кода цветов использовать специальные программы, например «Pixie» ее можно скачать здесь.

Далее закачиваем файл style.css на хостинг в папку с файлами темы блога и обновляем страницу. Вот что получилось у меня.

Можно немного поэкспериментировать с областью, которую вы хотите оформить нужным цветом. Я решил немного добавить отступы сверху и по краям, следующей строкой:

padding: 1em; margin-top: 5px;

Смотрим полученный результат.

Как видите, нет ничего сложно в том, чтобы отказаться от использования лишнего плагина.

Я не утверждаю, что у вас все получится именно так как у меня, потому что каждая тема имеет различное оформление комментариев в классах и стилях блога. Однако принцип должен остаться один и тот же.

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

P.S. Помните, я рассказывал, как покупка вечных ссылок влияет на продвижение проектов в ТОП поисковых систем.

Так вот пару дней назад решил потратить на это дело несколько тысяч рублей.

Продвигаю всего несколько полезных запросов, если будите следить за выходом новых статей, тогда вы первые узнаете, что у меня в итоге из этого получилось.