Главная » Статьи » Оформление сайтов

Как улучшить текст модерация комментариев для посетителей блога?

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

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

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

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

модерация комментариев

А теперь взгляните на комментарий в котором данный текст бросается в глаза:

Давайте выделим этот текст на своём блоге, вы же не против? Для своего примера я возьму блог amAlbakov!

Шаг 1 - Исходный код

Для начала нам необходимо посмотреть HTML код выделенного текста и понять с чем нам необходимо работать.

В моём примере это класс comment-awaiting-moderation

На вашем блоге имя класса может быть другим или это может быть идентификатор!

Шаг 2 - CSS стили

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

Код
.comment-awaiting-moderation {color:#e52800;}
Пример №2

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

для этого необходимо установить следующие CSS стили:

Код
.comment-awaiting-moderation {
  color:#e52800;
  font-weight: bold;
  padding-left:30px;  
  background: url(http://web-dm.ru/blog_sovety/error/comment/1/Emote_1.png) no-repeat left;  
}

не забудьте скопировать к себе на хостинг иконку красного смайлика:

улыбающийся красный смайлик
Пример №3

Или вариант зелёного цвета, для тех кто относится отрицательно к красному цвету:

для этого необходимо установить следующие CSS стили:

Код
.comment-awaiting-moderation {
  color:#098e00;
  font-weight: bold;
  padding-left:30px;  
  background: url(http://web-dm.ru/blog_sovety/error/comment/1/Emote_2.png) no-repeat left;  
}

не забудьте скопировать к себе на хостинг иконку зелёного смайлика:

улыбающийся зелёный смайлик

Благодаря таким маленьким визуальным решениям, повышается процент того, что пользователь будет испытывать положительные эмоции к вашему блогу, а не отрицательные, из-за большого количества недочётов!

P.S В данном примере я использовал смайлики из коллекции Getting All Emotional, которые предоставлены я в формате PSD.



Источник: http://web-dm.ru/blog_sovety/img/1/moderaciya_kommentariev.png
Категория: Оформление сайтов | Добавил: RuleZ-DM (21.07.2015) W
Просмотров: 467 | Комментарии: 14 | Теги: html-css, комментарии, Оформление | Рейтинг: 1.0/1
Всего комментариев: 14
14
Иван
23.07.2015 в 19:28

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

13
Владимир Савельев
21.07.2015 в 22:51

В том то и дело посетители все очень ленивые и до регистрации добираются лишь некоторые... yes Как нить зарегюсь пока чет времени нет laugh

11
Владимир Савельев
21.07.2015 в 21:45

Ясно laugh

9
Владимир Савельев
21.07.2015 в 21:31

Денис а зачем тебе регистрация нужна на сайте? Только заметил wacko

RuleZ-DM 10
Денис Мехедов
21.07.2015 в 21:37

По слухам, директор блога хочет создать сообщество блоггеров и создать мега галактический супер пупер сайта-блог, или блого-сайт, я толком не понял! cry

RuleZ-DM 12
Денис Мехедов
21.07.2015 в 21:55

Кстати, а почему не зарегистрируешься? Пользователям которые зарегистрированы не надо вводить капчу и заполнять поля! Комментария у них сразу отображаются и не уходят на модерацию, да и ссылка на твой блог тоже будет присутствовать в комментариях, если ты заполнишь в своём профиле нужное поле!

8
Владимир Савельев
21.07.2015 в 21:20

Нет в стандартных настройках ВордПресс yes

4
Савельев Владимир
21.07.2015 в 18:36

Мое мнение что модерация нужна, если посетитель ставит ссылку или оставляет комментарий в первый раз! А для постоянных читателей убрать yes Надо буит тоже картинку впихнуть laugh

RuleZ-DM 6
Денис Мехедов
21.07.2015 в 19:02

А вот как это убирается с точки зрения теории! Благодаря кукам?

3
Данил Fokin
21.07.2015 в 15:36

Неплохо объяснил happy . Такой момент на поведенческие факторы очень влияет. Вот только почему кнопку ответить убрал? Из-за реплитуком? Дак, ее же можно скриптом вывести и все будет в порядке))

RuleZ-DM 5
Денис Мехедов
21.07.2015 в 18:55

Это очень трудно объяснить почему на блоге многие функции доступны только зарегистрированным пользователям! sad

chernomoretz 2
Игорь Черноморец
21.07.2015 в 12:41

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

telets 1
Андрей Косолапов
21.07.2015 в 07:21

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

RuleZ-DM 7
Денис Мехедов
21.07.2015 в 19:08

Так с нормальными посетителями придут и не нормальные, различные троли, а если Блог попадёт в Спам лист, это всё, это такая проблема будет для владельца блога! yes wacko