Как легко выделить комментарии автора блога с помощью плагинов и без них

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

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

Я прекрасно знаю, что данная инструкция не является уникальной!

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

Сейчас я расскажу вам с какими проблемами я столкнулся и как их решил.

Как выделить комментарии автора (админа) блога

Как я уже говорил, информации по этому поводу существует в рунете безмерное количество.

Выделить (подсветить)комментарии автора блога можно двумя способами:

  1.  Без плагинов, то есть благодаря изменениям стилей CSS формы комментариев
  2. С плагинами  Highlight Author Comments и Simple Author Highlighter

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

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

Честно говоря, я не очень то и хотел лезть в коды, но решил рискнуть и…

Мои эксперименты закончились провалом sad

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

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

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

Итак, речь идёт о статье Антона Краснова. Удачи!

⇑Вернуться к содержанию статьи

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

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

Плагин Simple Author Highlighter

Данный плагин вы можете найти через поиск плагинов в админке блога.

Устанавливаем и активируем.

Заходим в «Настройки» ⇒ «Simple Author Highlighter» и видим такую картинку:

плагин Simple Author Highlighter

Main — Author Highlighter — это настройки выделения комментариев автора сайта.

Кстати, почитайте эту статью тоже:   Как сделать необычный анимированный текст на Wordpress, чтобы у всех раскрылся рот от удивления

В первом окошке вы должны прописать желаемый цвет поля комментариев автора.

Во втором окошке вы можете прописать желаемый цвет самого текста комментариев автора.

(Optional) — Global User Highlighter — настройки выделения комментариев посетителей сайта.

Но этот пункт я не буду сейчас обсуждать, так как нас интересует только админ.

Если вы не знаете как определить номер желаемого цвета, то в помощь к вам придёт отличная утилита под названием ColorMania. Она абсолютно бесплатная и её можно легко скачать в интернете. Так она выглядит:

colormania

Итак, в первом окошке для примера прописываем такой цвет #b6bdf6. Жмём на «Сохранить изменения»

Обновляем страницы блога и любуемся своими комментариями:

подсветка комментариев

Вроде бы всё выглядит отлично, но…

Обратите внимание на то, что в данном случае у меня отключены древовидные комментарии. То есть мой ответ на коммент Александра не находится в той же ветке, а под ней.

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

Подсветка комментариев

 Опа! Дело плохо!

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

Получается, что если у вас на блоге настроены древовидные комментарии, то плагин Simple Author Highlighter вам не подойдёт!

В полне вероятно, что можно каким-то образом подправить код самого плагина, но я этого делать не умею. Если кто знает, то просветите меня.

⇑Вернуться к содержанию статьи

Плагин Highlight Author Comments

Данный плагин также можно найти через поиск плагинов в админке блога.

Устанавливаем, активируем.

Заходим в «Настройки» ⇒ «Highlight Author Comments» и видим такую картинку:

Плагин Highlight Author Comments

Style the comment body — в этом окошке вам надо будет прописать стили, благодаря которым поле с комментарием автора блога будет отличаться от остальных комментаторов.

Style the author link — в этом окошке вам надо будет прописать стили, благодаря которым ссылка автора блога будет отличаться от остальных комментаторов. (В этом окошке я не буду ничего менять)

Итак, в первом окошке прописываете такой код стилей:

«Padding: 1em; background-color:
#f6f6f6; margin-top: 10px; border: 1px
solid #0673b4;»

Так это будет выглядеть:

стили для выделения комментариев автора

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

Padding: 1em — отступ зоны контента внутри блока формы комментариев.

background-color: #f6f6f6; — цвет фона комментариев

margin-top: 10px — верхний отступ от рамки, вокруг комментария

border: 1px solid #0673b4; — толщина рамки и её цвет вокруг всего комментария

Жмём на «Обновить» и смотрим как сейчас выглядят наши комментарии:

margin 0Вроде бы мой комментарий выглядит очень опрятно (в тонкой рамочке, подсвечен нежным цветом, эстетичен и красив) но…

Обратите внимание на то, что текст внутри формы, прилипает к левому борту рамки! Лично мне это очень не понравилось.

Кстати, почитайте эту статью тоже:   Буквица в тексте или как сделать красивую заглавную букву в статье на Wordpress

⇑Вернуться к содержанию статьи

Решение проблемы отступа текста в форме комментариев, при использовании плагина Highlight Author Comments

И тогда я решил исправить ситуацию, с помощью редактирования кода стилей, которого мы прописали в настройках плагина, помните? Вот он:

«Padding: 1em; background-color:
#f6f6f6; margin-top: 10px; border: 1px
solid #0673b4;»

Как я уже писал, значения Padding и Margin это отступы. Вот в них я начал менять цифры.

Ничего не помогло. Текст продолжал прилипать к рамке, как банный лист smile

И тогда я пошёл на блог Александра Белоусова — infoprostor.com, который тоже сделал обзор плагину Highlight Author Comments (кстати, код стилей для выделения автора блога, я позаимствовал у него)

В комментариях к статье Александра, я рассказал ему о моей проблеме и попросил о помощи. Ответ Александра не заставил долго ждать. Вот он:

отступ текста в комментариях

Ну вот, а я так избегал ковыряния в кодах smile Ну ладно, выхода у меня не было!

По совету Александра я открыл исходный код моего комментария. Это можно сделать так:

Наведите мышку на ваш комментарий, нажмите на правую кнопку мышки, откроется окошко и в нём нажмите в самом низу «Просмотр код элемента» и тогда в нижней части экрана откроется исходный код. Так это выглядит:

исходный код

Наверно на скрине не очень видно, но благодаря исходному коду, я понял, что за мои комментарии отвечают стили CSS под названием  <div class=»comment-meta commentmetadata»>…>/div>

comment-data

И тогда я зашёл в редактирование файла style css. Путь к этому файлу такой:

Внешний вид ⇒ Редактор ⇒ Style.css

В файле я нашёл мой класс comment-meta, а поиск я произвёл с помощью сочетания клавиш ctrl+f . В этом случае у вас откроется окошко в правом верхнем углу и в нём пропишите название стилей. Так это выглядит:

stylecss

Вот здесь я и начал играться smile

Везде где видел значение margin, я менял цифру 0px на 7px (вместо 7px можно попробовать любое число) Каждый раз обновлял страницу, чистил кеш и проверял, появился ли отступ текста от рамки или нет.

И наконец-то я нашёл виновника, вот он:

margin 0px

Как только я поменял это значение на 7px, текст в комментарии наконец-то отлип от рамки.

отступ комментария

Ура! Получилось!

⇑Вернуться к содержанию статьи

Вот и все.

Теперь вы знаете, как выделить комментарии автора блога разными способами.

А если вы все-таки сталкнетесь с проблемами, описанными в моей статье, то теперь будете знать, как их решить.

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

Пока, пока.

С уважением, Игорь Черноморец

Если вам понравилась статья - поделитесь ею в социальных сетях с друзьями!

Подпишитесь на обновления блога!

Введите свой e-mail адрес

К записи "Как легко выделить комментарии автора блога с помощью плагинов и без них" оставлено 51 коммент.
  1. Привет, Игорь! Ох сколько мороки с выделением-то smile И сразу всё не получится. Всё больше понимаю, что в технических вопросах я просто ноль, мне бы лучше текст пописать 01

    • Привет Павел.
      Так я тоже не спец в технических заморочках, пока что….но мне так интересно в этом разбираться, что аж завораживает иногда 24
      А вот с текстами у меня положение намного проблематичней. Например, подобную статью я могу писать дня два, а если объемная, то и на неделю могу растянуть!
      Так что в этом смысле мне у тебя поучиться еще надо бы 03

      • подобную статью я могу писать дня два, а если объемная, то и на неделю могу растянуть!

        Игорь, вы в этом плане не одиноки. Я к примеру, на одно только оформление могу убить пару часов.))

        • Сергей, на оформление у меня тоже уходит много времени, но это не сравнить со статьими!
          Хотя…может быть это происходит из-за того, что статьи я пишу исключительно на работе (офлайн), а там все время меня что-то отвлекает. Но даже если бы я писал их дома, по любому не получается просто сесть и написать за пару часов.

      • Каждый силён в чём-то своём, но в любом случае нужно хоть какой-то дисциплиной, но владеть!

  2. Я тоже раньше хотел заняться выделением, но потом забросил. Пока некогда разбираться в этом.)) Пост Кати тоже читал. Хотел было попробовать по ее статье, но мне не понравилось, что нужно лесть в системный файл CMS. При обновлении движка нужно каждый раз изменять файл. Поэтому пока так сижу без выделений. В принципе, комментариев у меня не так много, поэтому можно пока и не дергаться.)))
    А плагины не очень. Походу их уже давно забросили авторы и поддерживать или обновлять больше не будут. Поэтому я бы не рекомендовал бы их использовать. Возможно, они не безопасны.

    • Привет Сергей.
      Я согласен, что если комментариев не много, то смысла нет в выделении комментом автора, но у меня иная ситуация (за что я всем очень благодарен)
      По поводу плагинов…в каком-то смысле я с тобой согласен, но иногда нет выхода и приходится немного рисковать 13Буду надеяться на свой плагин защиты от вирусов 07

  3. Игорь, привет! Сам давно уже ничего не пишу, так хоть повредничать на чужом блоге… 30

     
    если у вас имеется большое количество комментариев, то желательно выделить в них хотя бы автора

     Вот всё-же задам вопрос — а для чего? Разве по аватарке не видно, кто отвечает? На мой взгляд, это имело какой-то смысл, когда не было древовидных комментариев и вся лента шла одним потоком.
    А вот при использовании древовидных комментариев они становятся как-бы структурированными и безо всякого выделения чётко видно кто кому ответил.
    Но это, конечно моё личное ИМХО… 06

    • Александр, ну какой же вы все-таки вредный 01 06
      Я шучу, шучу!!!!! Каждый раз я жду от вас комментария, чтобы благодаря им найти свои ошибки!
      В принципе, вы правы. Есть аватарки и есть древовидные комментарии, но когда админ выделен, то по любому это выглядит эстетичней и как-то более опрятно. Ну во всяком случае это мне так кажется

      • Игорь, привет! Думаю в этом вопросе вы оба правы. Особой необходимости, на мой взгляд, в этом нет, но если человек «заморочился» и выделился smile , то лишним конечно не будет. Спасибо за труд на благо людей, как всегда видно, что поработал над статьей. 28

        • Привет Костя! Ну опять ты меня закидал комплиментами 07 Спасибо! Приятно такое слышать. я всегда стараюсь писать в этот блог на благо людям!!!
          Спасибо тебе за комментарий.

      • А я считаю, все-таки нужны, если новенький забредет на блог, он же не знает по аватарке, кто автор блога, а выделение все выдает 40

  4. А куда мой комментарий делся? Я утром писала.21
    Игорь, какой у тебя плагин стоит для вывода связанных записей в конце статьи?

    • Привет Галина.

      Ты наверно утром у кого-то другого оставляла комментарий 33

      Плагин для связных записей у меня стоит:

      WordPress Related Posts

      • Я недавно установила Yet Another Related Posts Plugin Твой другой?
        Из-за того плагина у меня большие проблемы на сайте были. Вот скажи, темы у нас от Гудвина, только разные, но у меня столько проблем. Многие плагины или не работают, или конфликтуют.

        • А что это за плагин такой? Впервые о нем слышу. А сейчас какимиобразом у тебя выводятся связные записи? Я посмотрел и вроде бы выгдёлядит красиво так.
          А почему бы тебе не обратиться к Алексею Гудвину с этими проблемами. Я уверен, что он хотя бы постарается помочь!

          • Сейчас у меня плагин Саши Каратаева. нравится мне ужасно, красивенький такой. Но он выводит только последние посты рубрики с главной.
            к Гудвину, мне кажется, обращаться бессмысленно, он же не переделает мне тему, чтобы не конфликтовала. А у меня посещаемость рухнула, уже не знаю, что и делать.

            • Ух ты! Я вижу, что посещаемость просела почти в два раза 01
              Неужели это только из-за плагина? Почему то не верится.А какие именно проблемы были?
              Попробуй установить как у меня. Меня он очень устраивает. Можеть быть с твоим шаблрном он не будет конфликтовать

            • Извините, что не в тему, но у Галины в статьи не могу зайти, какой-то кулинарный сайт открывается(( хотела посмотреть эти ваши связные записи37

  5. Привет, Игорь!
    Интересный материал! Жаль что с кодом ничего не получилось. С плагином не хочется реализовывать. Нужно и мне попробовать выделить мои комменты и поковыряться в коде 06

    • Привет Сергей!
      С кодами не получилось по инструкции Кати (статья о которой я упомянул) но есть инструкции по редактированию стилей  попроще. Там получилось, но в тех случаях внешний вид комментариев мне не понравился.
      Так что, давай ты покапайся, найди оптимальный вариант и может быть тогда я позаимствую у тебя новый код.

  6. Игорь, привет! Да, я заметила, что у твоих комментариев появились рамочки и они хорошо вписались в интерьер блога!! Но сколько ты мучался, пока добился результата. Молодец, никогда не бросаешь дело на полпути!

    • Привет Софья! Ну…не так чтобы я очень мучался конечно, но время свое угробил 13А вот по поводу того, что я никогда не бросаю дело на полпути, в этом ты ошибаешся и мне в этом стыдно признаться, факт 07 
      Я не бросаю дело на полпути только в одном случае. Это если я ооооочень хочу, чтобы у меня получилось!!! Но только оооочень хочу!!!

  7. Ну привет! Вот я и добрался на твою статью. Первый плагин который ты описывал мне не понравился. А вот второй да. Как говорят все гениальное просто. Только я не понял почему у тебя не было отступа. Например я в коды не лез, просто прописал что надо и все. Может быть из за того что у меня прописано 5 а не 10 рх08 
    Да, там тебя вторая часть Спорта ждет не дождется, так что давай жду.

    • Привет Андрей! Мне первый плагин тоже абсолютно не понравился.
      Наверно отступ все же зависит от кода стилей прописанных в шаблоне. Как я писал в этой статье, у меня было в коде margin 0px, фиг его знает почему, но факт остается фактом. Как только исправил, отступ появился.
      По поводу второй части…знаю,знаю, помню, помню! Завтра зайду

  8. Игорь, спасибо, у меня есть такая проблемка, надо бы исправить, а у тебя здесь все по полочкам и с плагинами, и без, выбирай на любой вкус! 18

  9. но у Галины в статьи не могу зайти, какой-то кулинарный сайт открывается((

    Я зашла к себе нормально, Елена. но тот плагин  я уже удалила, стоит другой. У меня из-за конфликта статьи не публиковались.

  10. Привет, Игорь! Мне повезло с этим делом, в шаблон уже была встроена данная функция.

  11. Выделять комменты автора бывает действительно выгодно. как для удобства читателей, так и для эстетики

  12. Классно, нужно теперь найти время и тоже установить и настроить этот плагин. Эх, если б еще кто-нибудь расскажал как организовать функцию в комментариях «Ответить»

    • Здравствуй Нонна. Для того, чтобы организовать функцию «Ответить» нужно разрешить в настройках админки древовидные комментарии.
      Настройки» обсуждения

  13. Здорово, что можно изменить цвет.

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

    • Привет Алексей! Так я тоже пользуюсь плагином. Просто у меня текст прилипал к левому борту, поэтому я немного подредактировал в файлах css, а всё остальное с помощью плагина

      • Теперь понятно. Я думал вы код прописывали на рамку. Видимо что-то не дочитал. Перечитаю еще разок, может пригодится где.

        • Я так и понял, что пропустил пару строчек в статье 08
          В принцип если ты уже пользуешся плагином и все нормально, то статья для тебя безполезна, но…можешь ее в закладки бросить и возможно в другом блоге сталкнешся с этой проблемой как у меня и тогда статья будет как раз кстати

  15. Игорь, привет! Перечитал вот твою статью, посмотрел плагин, который ты рекомендуешь, а он не обновлялся уже несколько лет и рейтинга у него никакого нет, скажи, на это не стоит внимания обращать? 

    • Привет Костя! Вообщем, конечно желательно устонавливать плагины, которые часто обновляются и с большим рейтингов, но в моем случае, другие плагины несовместились с моим шаблоном, поэтому у меня не было выбора. А то что нет рейтинга, это понятно, потому что мало кто задумывается выделять комментарии автора, а даже если и есть такие, то они это делают с помощью редактирования css.
      Так что…решать тебе. Лично меня это мало беспокоит, что обновление было очень давно.

  16. orenkomp.ru:

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

    • Здравствуй orenkomp.ru!

      я согласен с вами, но относительно!!!

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

Оставить свой комментарий

Поиск по сайту
Следите за новостями блога

Подпишитесь на обновление блогa и получайте первыми на ваш Email, новые статьи!


Реклама
© 2016    Блог Игоря Черноморца    //    Войти   //    Вверх
Яндекс.Метрика