Wordpress и плагины        12 апреля 2015        1526         52

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Плагин Simple Author Highlighter

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

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

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

плагин Simple Author Highlighter

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

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

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

(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Вроде бы мой комментарий выглядит очень опрятно (в тонкой рамочке, подсвечен нежным цветом, эстетичен и красив) но…

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

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

Решение проблемы отступа текста в форме комментариев, при использовании плагина 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, текст в комментарии наконец-то отлип от рамки.

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

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

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

Вот и все.

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

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

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

Пока, пока.

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

Обсуждение: 52 комментария
  1. Павел:

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

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

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

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

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

      2. Павел:

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

        1. Да, Павел, в этом я с тобой полностью согласен!

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

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

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

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

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

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

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

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

      2. Елена Прекрасная:

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

        1. Да Елена, я согласен с тобой! Для новеньких посетителей выделенные комментарии дают возможность быстрее определить ответы автора!

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

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

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

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

      WordPress Related Posts

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

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

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

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

            2. Елена Прекрасная:

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

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

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

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

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

  7. Андрей Косолапов:

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

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

  8. Елена Прекрасная:

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

    1. Лена, а какая у тебя проблема? Ты имеешь ввиду, что твои комментарии до сих не выделяются, или проблема как была у меня — текст прилипал к левому борту?

      1. Елена Прекрасная:

        Игорь, вообще я имела в виду то, что у меня не выделяются комментарии, но у меня еще проблема — картинки прилипают к левому борту06

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

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

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

    1. Ничего себе плагин 04А откуда ты его выкопала? Я о нем никогда не слышал!

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

    1. Да Андрей, я видел, что твои комментарии выделены, но был уверен в том, что это твои личные настройки стилей. Ну..некоторым везет 08

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

    1. Здравствуй Людмила! Я абсолютно с тобой согласен. Именно благодаря этим каче твам я решил выделять свои комментарии.

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

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

  13. Елена:

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

    1. Здравствуйте Елена! Здорово что можно изменить все, а не только цвет. И толшину и ширину и отступы и… smile
      Спасибо вам за комментарий

      1. Елена:

        Здорово!

  14. Алексей Щукин:

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

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

      1. Алексей Щукин:

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

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

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

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

  16. orenkomp.ru:

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

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

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

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

  17. Ольга:

    Спасибо за статью.

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

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

Следите за новостями блога

Получайте новые статьи блога на ваш email

email рассылки Конфиденциальность гарантирована
Реклама
Последние комментарии
  • Alex { Спасибо! }
  • Игорь Черноморец { Здравствуй Олег. Рад, что статья оказалась полезной. Хотя...уже несколько лет не пользовался сервисом и не... }
  • Олег { Спасибо за статью. Все очень хорошо написано. Вы подтвердили мои сомнения. }
  • Dima { С Instagram к сожалению эта фишка не работает. 🙂 (:sorry:) }
  • Назар { Оптимизация картинок онлайн это действительно важно! Сам недавно сделал свой сайт и начал осваивать SEO,... }