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

Для качественной обратной связи с пользователем к статьям обычно разрешают комментирование.

Давайте, рассмотрим  15 полезных хаков/плагинов для комментариев WordPress’a , которые облегчат ваш обмен информацией с гостями сайта.

1 – Свой стиль для комментариев

Автор предлагает 3 вида комментариев, отличающихся не только внешне. Все они выглядят очень приятно, вот они:

1

2

3

 2 – Чередование стиля комментариев вордпресс

Вы, наверное, часто такое видели. Четные комментарии можно оформить одним цветом, нечетные другим. Очень удобно и приятно, главное использовать не яркие цвета. Например, как у меня.

3 – Комментарии автора статьи

Хотите, чтобы комментарии автора статьи были выдели как-то особенно? Это совсем несложно. Достаточно подправить немного кода WordPress’a. Это даст лучший эффект, ведь автор обычно отвечает на важные вопросы и уменьшается количество повторяемых вопросов.

4 – Выделить комментарии нескольких авторов

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

5 – Нумерация комментариев

Простое решение на wordpress для нумерации комментариев к вашим статьям.

6 – Смена аватар Gravatar по умочанию

Многие блоги показывают аватары в своих  блогах. Но ведь они не всегда вписываются в ваш дизайн. Автор блога Pro Design Blog расскажет, как добавить свой собственный Gravatar по умолчанию, а также предоставит несколько советов о том, как сделать хорошее изображение для Gravatar.

7 – Аватары из twitter

Вам не нравится автары из Gravatar? Не беда, можно использовать картинки из твиттера. Это довольно не сложно интегрируется в ваш WordPress.

8 – Редактирование комментирования пользователями

Каждый из нас ошибается. Так почему не разрешить зарегистрированным пользователям редактировать свои высказывания. Разрешите редактировать комменты несложным хаком.

9 – Подписаться на обновления комментарий

Вы подумаете, зачем подписываться на комментарии? Но как показывает история многие посетители сайта подписываются на обновления, особенно если материал интересный или был задан вопрос требующего ответа. Обязательно ставьте данный плагин для комментариев своего блога.

Внимание!  Раскрутка сайта от студии http://www.creativo.kz/services/raskrutka-sajta.html в Казахстане. Вывод вашего сайта в топ.

10 – Предотвращение прямого доступа к comments.php

Зачем это делать? Чтобы защитить себя от спама. Так ка спамщики-боты обычно приходят из неоткуда и напрямую запрашивают ваш comments.php. Скажем, нет спаму!

11 – Добавление проверки данных с помощью JQuery

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

12 – Стиль для уникального сообщения/статьи

Можно задать каждому комментарию в стиле вывод его уникального номера комментария. Прибавим класс + id комментария = получаем уникальный класс. Оформляем его на свой вкус и цвет. Вы спросите зачем? Ну  хотя бы, чтобы выделить миллионный комментарий на своем блоге и т.д.

13 – ОтделениеTrackbacks и комментариев в WordPress

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

14 – Как удалить rel=«nofollow» из комментариев WordPress

Сделать свой блог Dofollow совсем не сложно. Найдите файл  comment-template.php  в директории wp-includes. И замените эту строчку:

<a href="$url" rel="external nofollow">$author</a>

На эту:

<a href="$url" rel="extented">$author</a>

15 – Плагин для WordPress “Предпросмотр комментария” – jQuery Comment Preview + плагин “Привет, комментатор!”

Отличные плагины, которые буквально недавно поставил на свой блог. Автор плагинов dimox , скажем ему большое спасибо. Очень удобные плагины:

Плагин jQuery Comment Preview  – добавляет к комментариям предварительный просмотр + html теги.

Настойки плагина очень просты + ко всем пунктам пояснения на русском языке.

Плагин “Привет, комментатор!”  – для того, чтобы посмотреть его в действии оставьте комментарий, и вы поймете механизм. В общем, он позволяет не вводить постоянно mail, имя и сайт. Все для посетителей Как установить плагин на свой сайт читайте на официальной странице.

Установив, данные плагины, я удалил плагин авторизации Loginza.

Если же вам не достаточен этот список, вы всегда можете посмотреть и оценить другие плагины для комментариев на wordpress.org 

Надеюсь, вы нашли тот плагин или хак, который искали.

с/у УтБ

__

На десерт сегодня видео про супер героя :)) мне лично понравилось качество мультика

Приветствую читателей моего блога. Меня уже несколько раз просили рассказать какие плагины установил я у себя. С удовольствием делюсь. Только пароль от админки не ждите;).

Я уже писал о плагинах wordpress‘a, которые я устанавливал и Вам советовал делать то же самое. Но время шло и плагины добавлялись. Давайте посмотрим какие плагины я установил еще))

Буквально недавно я обновил дизайн своего блога, поэтому некоторые вещи пришлось менять. Например, комментирование на блоге теперь осуществляется с помощью плагина loginza. Самые внимательные возможно помнят, что ранее на блоге была система из 3-х комментариев — вконтакте, фейсбука и стандартные комментарии вордпресса.

Написав статьи о том, как устанавливать комментарии Вконтакте и Facebook на свой сайт, я сделал это и на своем блоге для наглядности. После обычной установки как Вы уже заметили вид у них не очень. После всей установки они идут друг за дружкой. Конечно такой вариант не лучший для использования по нескольким причинам: во-первых, если у Вас вначале стандартные комментарии, то виджет Вконтакте и фейсбук может остаться незамеченными вообще, во-вторых, согласитесь, это не очень красиво.

На самом деле, я увидел такое на одном из сайтов. Честно, не знаю как владелец организовал это, но я решил сделать следующим образом

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

Предварительно установите комментарии Вконтакте и Facebook.

Установка плагина Универсального jQuery-скрипт для блоков с вкладками

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

Мне понравился данный плагин по нескольким причинам:

• он позволяет создавать неограниченное количество вкладок в пределах одного блока, при этом нет необходимости нумеровать вкладки с помощью CSS-классов
• можно создать сколько угодно таких блоков с вкладками опять же без необходимости нумеровать эти блоки через CSS-классы;
• содержимое jQuery-скрипта, реализующего вкладки, остается неизменным (всего 0,4 килобайта), т.е. не разрастается в зависимость от количества блоков или вкладок
• запоминается активная вкладка после перезагрузки страницы
• установка плагина происходит ручками

Скачиваем плагин и разархивируем. Нам необходим файл tabs.js Можете посмотреть пример через файл index.html . Если у Вам wordpress открываем для редактирования файл header.php и вставляем между тегами <header>..</header> следующий код:

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/tabs.js"/>
</script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

В первой строчке мы подключили сам файл tabs.js (закачайте его предварительно в папку js вашей текущей темы), во второй строке подключен сам фреймворк Jquery взятый у google в пользование.

Теперь необходимо открыть single.php файл – одиночная запись. В выбранное Вами место перед выводом комментариев вставляем html код:

<div>
   <ul>
     <li>Комментарии</li>
     <li>Комментарии Вконтакте</li>
     <li>Комментарии Facebook</li>
  </ul>
<div>

</div>
<div>

</div>
</div>

Теперь в класс box необходимо вставить коды комментариев в той же последовательности, что в классе tabs. Т.е. в итоге у Вас получится следующее:

<div>
<ul>
<li>Комментарии</li>
<li>Комментарии Вконтакте</li>
<li>Комментарии Facebook</li>
</ul>
<div>
<!— стандартные комментариев -->
<?php comments_template(); ?>
<!—конец стандартных комментариев -->
</div><div>
<!—код  комментариев Вконтакте -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "636", attach: "*"});
<!—конец комментариев Вконтакте --></script>
</div> <div>
<!—код  комментариев facebook -->
<div id="fb-root"></div><fb:comments href="<?php echo get_permalink($post->ID); ?>" num_posts="10" width="640"></fb:comments><!—конец комментариев facebook --></div>
</div>

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

Для наведения красоты,а также чтоб скрыть ненужные блоки вставим в css файл следующий стиль:

.box {
   display: none; /* по умолчанию прячем все блоки */
 }
 .box.visible {
   display: block; /* по умолчанию показываем нужный блок */
 }

Здесь уже включается Ваша фантазия на оформление, а лучше следуйте цветам Вашего дизайна. Вот мой код:

.section {/* весь блок */
background: #fff;
margin: 10px;
width:639px;
}

ul.tabs { /* список табов */
height: 28px;
line-height: 25px;
list-style: none;
border-bottom: 1px solid #DDD;
background: #FFF;
}

.tabs li {/* таб в списке*/
float: left;
display: inline;
margin: 0 1px -1px 0;
padding: 0 13px 1px;
color: #777;
cursor: pointer;
background: #F9F9F9;
border: 1px solid #E4E4E4;
border-bottom: 1px solid #F9F9F9;
position: relative;
font-size:14px;
}

.tabs li:hover { /* таб при наведении */
color: #008000;
padding: 0 13px;
background: #dae2e8;
border: 1px solid #008000;
}

.tabs li.current {/* текущий таб */
color: #444;
background: #dae2e8;
padding: 0 13px 2px;
border: 1px solid #D4D4D4;
border-bottom: 1px solid #dae2e8;
}

.box { /* по умолчанию прячем все блоки */
display: none;
border: 1px solid #D4D4D4;
border-width: 0 1px 1px;
background: #fff;
padding: 0px;
}

.box.visible {/* по умолчанию показываем нужный блок */
display: block;
}

Все закомментировано, экспериментируйте, пробуйте! Удачи!

Заходим на свой сайт и любуемся. И да, не забудьте поделится статьей со своими друзьями

с/у УтБ

Постовой: Ищите dofollow блоги ? Тогда эта подборка для Вас.

Нашел интересный способ защиты комментариев от спама. Почему99% ? Потому, что во всем быть уверенным нельзя. И если Вам пишут 100% защита от спама, то Вас обманывают:) В первое время (где-то от дня до нескольких недель) не будет спама, Вы будете радоваться. НО на каждое действие есть противодействие.

Эта система мне понравилась больше других, по крайней мере спама нет пока и все делается ручками, без плагинов, поэтому для мощного усиления можете добавить еще и плагин)) И конечно же я поделюсь ею с Вами;)

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

Думаю смысл понятен: вводим свой логин еще раз, сравниваем результаты, если совпадают публикуем комментарий, нет – не пускаем))

Пройдем в редактор и найдем файл comments.php В удобное для Вас место ставим следующий код (если пишем на русском, предварительно измените кодировку файла на utf-8 без BOM!):

<td class="commform-spam">

<p>Повторите свой логин <span>от спама</span>:</p>

<input type="text" name="spam" id="spam" value="<?php echo $comment_author_spam; ?>" tabindex="4" />

</td>

Это новое поле для ввода. Можно например заменить поле ввода сайта. Созданный класс  commform-spam, позволит управлять полем через css.

Скачиваем с хостинга для изменения файл wp-comments-post.php в корневой директории сайта/блога. Вставляем код:

$comment_author_spam = ( isset($_POST['spam']) ) ? trim($_POST['spam']) : null;

После:

$comment_author       = ( isset($_POST['author']) )  ? trim(strip_tags($_POST['author'])) : null;

$comment_author_email = ( isset($_POST['email']) )   ? trim($_POST['email']) : null;

$comment_author_url   = ( isset($_POST['url']) )     ? trim($_POST['url']) : null;

$comment_content      = ( isset($_POST['comment']) ) ? trim($_POST['comment']) : null;

Мы проверили наличие существовании данной переменной. И поместили ее в $comment_author_spam.

Теперь ищем (у меня 85 строка)

if ( '' == $comment_content )

wp_die( __('Error: please type a comment.') );

и вставляем (если пишем на русском, предварительно измените кодировку файла на utf-8 без BOM!)

if ( '' == $comment_author_spam )

wp_die( __('Дополнительное поле не заполнено: введите логин повторно!') );

if ( $comment_author != $comment_author_spam )

wp_die( __('Спамерам вход запрещен) );

Проверяем: если пустое поле –> выводим сообщение  Дополнительное поле не заполнено: введите логин повторно!

Если переменная $comment_author – логин – не совпадает с  $comment_author_spam (новое поле, которое мы добавили)  -> выводим сообщение Спамерам вход запрещен.

Все:) Радуйтесь жизни без спама!

Спросите работает или нет? К концу июля в день до 15 спам сообщений  было зафиксировано Akismet’ ом. Видимо были найдены проходы ботами, появлялись одни и те же сообщения с множеством ссылок. Честно сейчас уже не помню когда были спам сообщения последний раз.

Вот для примера статистика спама от Akismet. (на 20 июля)

Переменная $comment_author_spam была взята просто для примера. Можно использовать любую другую переменную.

с/у УтБ

Видели когда нибудь летающих акул? Нет? Тогда смотрим)

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

Комментарии facebook позволяют комментировать и от аккаунтов Yahoo, AOL и Hotmail – не думаю, конечно, что они будут пользоваться бешенной популярностью в СНГ.

Ну, не будем разводить демагогию и перейдем к установке. Все же Вам решать быть или не быть!

Установка социальный плагин комментариев Facebook на сайт:

1. Зарегистрироваться/войти в facebook необязательно, но если Вы не зарегистрировались, то обязательно сделайте это.
2. Пройдите  в раздел разработчикам для получения кода.
3. URL to comment on: введите адрес Вашего блога – URL – форма ввода любая: http://gtalk.kz/ либо gtalk.kz
4. Number of posts: Введите количество отображаемых комментариев, при большем количестве комментарии будут скрыты. Пример смотрите чуть ниже формы заполнения.
5. Width: выберите необходимую ширину. В принципе, ее можно изменить в любое время.
6. Color Scheme: тема комментариев, 2 вида: темная и светлая.
7. Нажмите на кнопке Get code и скопируйте сгенерированный код и вставьте в то место где Вы желаете отобразить комментарии. Например, у меня в WordPress это файл single.php для записей и page.php для страниц, перед стандартными комментариями <?php comments_template(); ?>
8. Совет:
   1. Русификация комментариев: измените в коде en_US на ru_RU, например:

      <div id="fb-root"></div><script src="http://connect.facebook.net/ ru_RU/all.js#xfbml=1"></script><fb:comments href="gtalk.kz" num_posts="2" width="500"></fb:comments>

   2. оформляйте код стиле:

      <div class=”fb_comments” /> Ваш код </div>

      Для того, чтобы навести красоту. В css файле добавьте класс . fb _comments { Ваш стиль}

   3. Используйте firebug для FireFox – для облегчения настройки css файла.
9. Внимание для владельцев WordPress! Вместо URL – у меня gtalk.kz вставьте <?php the_permalink(); ?>, т.е. код имеет такой окончательный вид: 

   <div id="fb-root"></div><script src="http://connect.facebook.net/ ru_RU/all.js#xfbml=1"><fb:comments href="<?php the_permalink(); ?>" num_posts="2" width="500"></fb:comments>

   Для других CMS необходимо найти функцию, которая выдает ссылку открытой страницы.

10. Вуаля! Поздравляю

Модерация комментариев происходит следующим образом:  при автоматизации в facebook’e необходимо добавить между тегами <head> </head>следующий код

<meta property="fb:admins" content="ваш_ID"/>

Вместо ваш_ID вставьте свой id в facebook’e – узнать можно нажав на свой профиль: например, www.facebook.com/talgautb  – здесь id это talgautb, либо набор цифр.

Если Вам понравилась статья, то вступайте в группу Вконтакте и в Facebook – нажмите Like/Мне нравится в сайдбаре справа и социальные кнопки на нашем сайте

Примеры, можете посмотреть чуть ниже!

с/у УтБ

Сегодня, отрицать, что социальные сети стали неотъемлемой частью нашей жизни глупо. Многие часами могут сидеть в facebook’e, vkontakte и еще множества других (по сути копий друг друга) социальных сетях.

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

Ну не будем долго тянуть резину и преступим:

Установка виджета комментариев Вконтакте на сайт:

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

1. Предварительно войдите в социальную сеть vk.com либо vkontakte.ru, при отсутствии аккаунта, зарегистрируйтесь попросив у знакомых инвайт (приглашение). Можете попросить в комментариях пригласительный у меня
2. Если у Вас уже подключен сайт выберите его из выпадающего списка.
3. Если нет, подключите его, заполнив несколько строчек.
4. Выберие количество отображаемых комментариев, при большем количестве комментарии будут скрыты. Пример смотрите чуть ниже формы заполнения.
5. Медиа. При установки галочки Вы позволяете пользователям оставлять медиафайлы в комментариях: граффити, картинки и т.д.
6. Ширина: выберите необходимую ширину. В принципе, ее можно изменить в любое время.
7. Скопируйте сгенерированный код и вставьте: под цифрой 1 (как на картинке) в файл header.php вашего шаблона до закрытия тега </head> если у вас WordPress. Для других сайтов смысл тот же. Необходимо только найти соответствующий файл. Например, в joomla  это index.php вашего шаблона. Код под цифрой 2 вставьте в то место где Вы желаете отобразить комментарии. Например, у меня в WordPress это файл single.php для записей и page.php для страниц.
8. Совет:
   1. оформляйте код стиле:

       <div class="vk_comments"/>Ваш код</div>
      

      Для того, чтобы навести красоту. В css файле добавьте класс .vk_comments { Ваш стиль}

   2. Используйте firebug для FireFox – для облегчения настройки css файла
9. Вуаля смотрите и любуйтесь

           Модерация комментариев происходит следующим образом: при авторизации по нажатию на кнопку/ссылку администрирование возле надписи количества комментариев.

           Если Вам понравилась статья, то вступайте в группу Вконтакте и в Facebook – просто нажмите Like/нравится в сайдбаре, справа на нашем сайте

На днях убрал самую популярную и «удобную» систему комментирования Disqus. О том почему я выбрал именно данную систему можно прочитать в предыдущем посте. После месяца пользования, не смотря на все плюсы, я выявил минусы, которые повлияли на окончательное решение по ее ликвидации

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

• медленность загрузки я ощутил на своем блоге. Если уже загрузились все картинки, весь пост, то только потом появляется комментарии и сайдбар с последними комментариями

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

• также тот минус, который я упоминал ранее в посте: многие пользователи предпочитают комментировать в стандартной форме. Возможно, это больше похоже на правду. Потому, что комментарии в разы сократились (конечно, это зависит и от самих постов и ряда других факторов), при той же посещаемости.

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

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

Напоследок веселая картинка:)

Для начала у некоторых все же возникнет вопрос: что такое disqus? Отвечаю, disqus – это самая популярная система комментирования для Вашего сайта/блога. Т.е. все комментарии написанные у Вас, сохраняются на сервере системы и затем просто подгружаются оттуда в нужный момент. В общем внизу данной страницы можете увидеть наглядный пример Естественно комментами можно управлять как угодно: удалять, редактировать, менять внешний вид и т.д.

В общем почему я выбрал именно disqus?

+ системы:

• хороший функционал (множество самых разных настроек)
• популярность (много CMS поддерживают данную систему)
• система комментирования без перезагрузки страницы – используется AJAX
• работа в связке с Akismet поэтому в теории спама должно быть меньше.
• дизайн комментариев (можно просто поменять тему) – достаточно приятный внешний вид
• интеграция с популярными социальными сетями: twitter, facebook и т.д. Также везде, где есть Disqus, человек автоматически уже залогинен. Т.е. отсутствие регистрации.
• синхронизация комментариев, хранение на внешнем ресурсе (не сказать, что явный плюс), при удалении системы все комменты сохраняются
• назначение модераторов (для крупных проектов, где пишет не один автор )
• древовидность комментприев
• отсутствие надобность устанавливать кучу ненужных плагинов
• ну, и конечно бесплатность. куда без нее?!)
• в админ-центре можно управлять несколькими блогами
• реакции (трекбеки) ссылки на Ваш пост в системах: твиттер и т.д.

Теперь минусы, с которыми я столкнулся:

• официальный сайт disqus.com на английском языке (но если Вы работаете с вебом, то небольшой словарный запас хватит, в принципе все интуитивно понятно)
• бесплатность – всегда риск на свой страх
• появление комментариев с задержкой, многие отказываются от системы из-за её медленности
• многим не нравится локализация на русском языке, сделано кривовато)) но у нас же есть свои руки:)
• поддержка русских сетей отсутствует: вконтакте, мой мир и т.д.
• по мнению некоторых авторов блогов,  пользователям удобней комментить через стандартную систему (не факт)

Не знаю куда отнести данные стороны системы (решайте сами):

• за отдельную плату можно расширить функционал
• прикрепление медиафайлов к комментариям

В общем, я сделал обзор и поставил disqus на свой блог, думаю результат не заставит себя ждать – какой бы он не был))

с/у УтБ

ПостОвой: интересно, что говорят популярные блоггеры о спаме ?значить тебе сюда (упоминания о системе Disqus)