jQuery-скрипт для WordPress “Привет, комментатор!”

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

Как работает скрипт

Все очень просто. Он проверяет, заполнены ли обязательные поля Имя/E-mail, и выполняет следующее:

• Если посетитель блога ранее оставлял комментарий, то при следующем комментировании его встречает надпись: “С возвращением, %Имя комментирующего%!”
• При этом поля Имя/E-mail/URL спрятаны, как ненужные в данный момент элементы, остается только поле для комментария.
• Комментатор может поменять свои данные, нажав на ссылку “Изменить”.
• Если у комментатора в браузере отключена поддержка JavaScript, то он увидит полную форму.

Чтобы скрипт выполнялся в принципе, необходимо, во-первых, чтобы у посетителя сайта работали куки в его браузере, во-вторых, чтобы WordPress-блог выводил ранее введенные данные в форме комментирования.

Обязательно убедитесь, что ваш блог выполняет второе условие (выводит ранее введенные данные в форму), иначе никакого смысла в подключении скрипта не будет. Я знаю, что некоторые WordPress-плагины каким-то образом предотвращают появление ранее указанных посетителем данных в коммент-форме. К примеру, так было на моем блоге, когда у меня стоял плагин “Paged Comments”.

Пример

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

Установка

1. В файле comments.php найдите код полей <input /> для ввода Имени/E-mail/URL и оберните его в контейнер <div id=”author-data”></div>. Этот блок - то, что будет прятаться, если поля заполнены.
2. Затем создайте какой-либо файл с расширением .js, например, scripts.js и поместите в него скрипт (либо в ранее существующий js-файл):

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

   var $j = jQuery.noConflict(); $j(document).ready(function() {   var author_val = $j('#author').val();   if( author_val !='' && $j('#email').val() !='' ) {     $j('#author-data').hide();     $j('#author-data').before('<div id="welcome">С возвращением, <strong>'+author_val+'</strong>! <a href="#">Изменить &raquo;</a></div>')     $j('#welcome a').toggle(       function() {         $j('#author-data').show(300);         $j(this).html('Свернуть &raquo;');         return false;       },       function() {         $j('#author-data').hide(300);         $j(this).html('Изменить &raquo;');         return false;       }     );   } })

3. Закиньте этот файл в папку с вашей темой.
4. Теперь подключите скрипт, добавив следующий код в файл header.php перед тегом </head>:

   1	<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts.js"></script>

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

   1	<?php wp_enqueue_script('jquery'); ?>

6. Вот и все.

Теперь, я думаю, вашим посетителям-комментаторам будет приятно, если вы встретите их приветом и спрячете “лишние” поля из формы комментариев =)