Блог Понтика Максима

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

оформление комментариев

Здравствуйте, уважаемы читатели блога 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 уже присвоил каждому комментарию отдельный класс, а наша с вами задача заключается в том, чтобы найти именно тот, который отвечает за оформление комментария автора. Для этого нужно выделить или подсветить весь комментарий автора.

Как мы видим в области кода страницы, что за наше выделение отвечает класс 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. Ходил сегодня в город и обратил внимание на то, что все покупают цветы, подарки даже заранее поздравляют с наступающим праздником. А я и совсем забыл, что завтра уже 8 марта, скоро начнем собирать подснежники, садить картошку и отдыхать на
Черном море
. Да уж время летит незаметно…

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

С 8 марта женщины

Милые девушки, женщины, дамы!

С праздником женским вас, с новой весной!

Снова строчим вам стихи как романы,

Оды слагаем для вас в час ночной.

Только для вас в этот день все признанья,

Все комплименты, букеты цветов.

Пусть исполняются ваши желанья,

В жизни пусть будут весна и любовь!

Буду заканчивать эту статью, так как нужно тоже купить цветы и подарки своим женщинам: маме и жене.

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>