Выделяем комментарии автора в wordpress
Заметки по Wordpress

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

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

Когда ваш блог начинает набирать обороты и становится популярным, на нем увеличивается посещаемость. Параллельно с этим начинается рост количества комментариев: к постам начинают оставлять десятки, а то и сотни комментов. В этом случае комментарии автора поста начинают среди них попросту теряться.

“Зачем их надо выделять, что в этом такого?” –  сразу возникает такой вопрос.

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

Понаблюдали за собой, когда ищите какую-нибудь информацию на других блогах? Согласитесь, есть что-то такое.

[spoiler name=”ВидеоурокДля открытия – нажмите“]

[/spoiler][spoiler name=”Необходимые данныеДля открытия – нажмите“]

Именно для выделения комментариев, созданы специальные плагины, есть даже решение как это все сделать вручную. На этот раз нам это не понадобится! Оказывается данный функционал уже встроен в движок WordPress, но об этом почему-то мало кто знает из веб-мастеров. В довесок ко всему можно выделить еще и зарегистрированных пользователей своим собственным стилем.
Все что нам понадобится – это вписать нужные стили в style.css вашей темы:[crayon lang=’css’]li.byuser {
/* CSS для комментариев зарегистрированных пользователей */
}
li.bypostauthor {
/* CSS стиль для автора блога */
}
[/crayon]Прописывать стили надо именно в данной последовательности, потому что в некоторых темах может не заработать.
Вот и все, делов-то, не правда ли ничего сложного!

По данному вопросу я считаю плагин не приемлем, но кому надо вот его название:
Highlight Author Comments для WordPress.
Плагин очень простой и его установка с настройкой займет максимум 5 минут.

[/spoiler]

Не забываем оставлять свои комментарии, в которых можно посмотреть пример к данному посту : )

 

Новые посты

WordPress создание shortcode

Гордеев Игорь

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

Гордеев Игорь

Запрещаем индексацию https с помощью .htaccess

Гордеев Игорь

31 комментарий

Сергей 23.02.2012 / 16:53

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

Ответить
Елена 16.04.2012 / 11:00

А меня больше интересует, каким плагином вы вставили такой удобный редактор? Тут и картинку можно добавить, и коды, и смайлики уже стоят. MCEComments, про который везде пишут, победнее будет, мне ваш больше нравится 😉

Ответить
Гордеев Игорь 16.04.2012 / 11:58

Я уже отвечал на этот вопрос на блоге, еще раз повторюсь плагин для комментариев Comment Form Toolbar

Ответить
Алексей 12.08.2012 / 14:22

И моей теме в style.css этих строчек cjmmentlist li.byuser (из видео) нет…
Можно ли прописать их вручную?

Ответить
Гордеев Игорь 12.08.2012 / 19:29

Да, если этих стилей нет их надо дописать.

Ответить
Елена 16.04.2012 / 13:19

Мы ж сами не местные, первый раз здесь 😡
Спасибо!

Ответить
Гордеев Игорь 16.04.2012 / 14:07

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

Ответить
Елена 16.04.2012 / 14:33

Да я уже вижу, что тут интересно. А у вас есть подписка на RSS по e-mail? Что-то не вижу такую форму.

Ответить
Гордеев Игорь 16.04.2012 / 17:11

на самом блоге нет(надо подумать как это сделать), но это можно сделать в стандартной подписке на rss(у нас на блоге иконка rss под шапкой блога) через feedburner.com. В блоке где предлогается выбрать способ подписки, нажимайте на ссылку “Get Студия-ГОСТ delivered by email” и там можно подписаться на обновление по е-mail.

Ответить
Елена 17.04.2012 / 02:23

Подписалась 😉
Но в английском я ни бум-бум, и таких в интернете – “тьмы, тьмы и тьмы” А у вас там все на инглише.
Вот я сходила в гости к “старому тупому” дядьке Дмитрию, почитала умную статью про то, как настроить RSS ленту по электронной почте и своим подписчикам предлагаю разные варианты, пусть выбирают, что больше нравится. Во как красиво получилось, в гости заходите 🙂

Ответить
Гордеев Игорь 17.04.2012 / 09:59

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

Ответить
Анастасия 27.05.2012 / 16:46

А у меня в таблице стилей пришлось это добавлять самой. Не было оно там прописано. Но это такое. Меня другой вопрос интересует – есть там стиль самого коммента и есть коммент с пометкой alt (как я понимаю, это когда идет ответ на комментарий, они у меня древовидные). Вопрос собственно, если я пропишу цвета для комментов посетителей (как например стояли стандартные обычные комменты), то ответ на этот коммент (не автором, а другим посетителем) в каком стиле будет отображаться? В том, что я прописала для пользователя, или в том, что был раньше как альт? Запутанно жутко написала, надеюсь поймете о чем я 😀 😎

Ответить
Гордеев Игорь 27.05.2012 / 22:44

И правда, что-то вы запутали. Не совсем понял про что вы пишите. Но данный способ описанный в данном посту работает и с древовидными комментариями.

Ответить
Анастасия 28.05.2012 / 10:48

Да, запутала жутко. 🙂 Но переобъяснить, наверно, не смогу. Просто у меня вот добавить цвет фона для комментов автора не получается. Он игнорируется просто. Пришлось придумывать другие способы выделения – рамочку например. Но картинку с ленточкой тоже хочу сделать. Вы могли бы, если не сложно, показать в качестве примера кусочек кода с картинкой-лентой, как у Вас?

Ответить
Гордеев Игорь 28.05.2012 / 14:59

Врятли это вам поможет, но все же. Для ленточки я создал отдельный div с class=”status_comment” и прописал css:

.bypostauthor .status_comment {
    background: url("images/avtor.png") no-repeat scroll 0 0 transparent;
    height: 40px;
    margin: 0 0 -39px -16px;
    width: 50px;
}

Так же надо учитывать каким обзором формируются древовидные комментарии. Если плохо знаете css, то будет сложновато.

Ответить
Анастасия 28.05.2012 / 15:40

Ну почему “вряд ли”. Все понятно, спасибо, что показали. А css я активно изучаю, так что не переживайте

Гордеев Игорь 28.05.2012 / 20:15

Рад, что смог помочь. Надеюсь у вас все получится.

WPixel 29.10.2012 / 03:09

У меня эта фишка не сработала, и при ответе на комент автора сайта цвет комента посетителя выделился как админский.Все как писала Настя

Ответить
Анастасия 27.05.2012 / 17:27

Еще хотела спросить, а как Вы такую ленточку к своим комментариям добавили? =)

Ответить
Гордеев Игорь 27.05.2012 / 22:46

Все также как рассказано в статье, в своих стилях CSS прописывал картинку.

Ответить
leonking 11.09.2012 / 03:24

Привет! Скажи пожалуйста как можно сделать так что бы при нажатии кнопки “ответить” форма поднималась к тому комментарию который комментируешь? Спасибо

Ответить
Гордеев Игорь 11.09.2012 / 11:02

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

Ответить
WPixel 29.10.2012 / 03:11

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

Ответить
Гордеев Игорь 29.10.2012 / 09:58

ВЫ правы у всех шаблоны разные и надо со стилями ковыряется и все будет работать.

Ответить
Елена 14.11.2012 / 22:44

У меня ничего не получилось ((( Придётся плагин ставить…

Ответить
Inco 22.11.2012 / 02:26

Оформление сайта у Игоря на твердую пятерку!

Ответить
Гордеев Игорь 22.11.2012 / 19:06

Спасибо за твердую пятерку!

Ответить
Inco 01.12.2012 / 02:00

Разве говорят спасибо за правду? Но все же этот метод у меня не сработал

Ответить
RomanZmeu 27.08.2013 / 17:53

Спасибо. Пригодилось для моего блога

Ответить
Анастасия 31.01.2014 / 01:01

И в какое место вставить этот код? Вставила в самом начале, ничего не изменилось.

Ответить
Анастасия 31.01.2014 / 12:13

Спасибо, уже разобралась сама с помощью видео

Ответить

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