Все о создании сайтов, блогов, форумов, интернет-магазинов, их продвижении в поисковых системах и заработке на сайте

Плагины Comment Toolbar и Qip Smiles — добавляем в комментарии WordPress возможность ответа, цитирования, навигации и вставки смайлов

Как и обещал в статье Плагины SyntaxHighlighter Evolved и Comment Form Quicktags — добавляем подсветку кода в статьи и комментарии WordPress , здесь речь пойдет о повышении удобства работы с комментариями WordPress.

Этого мы будем добиваться с помощью WP плагинов Comment Toolbar и Qip Smiles. Плагин @ Reply в этой статье я решил не рассматривать, т.к. его функционал (добавление возможности ответа на комментарий в WordPress) полностью перекрывается WP плагином Comment Toolbar.

С помощью всех этих плагинов для Вордпресс мы сможем реализовать следующие возможности:

• одним кликом вставлять цитаты из других комментов или даже самой статьи WordPress в форму для написания комментария (плагин Comment Toolbar)
• одним кликом вставлять имя человека, оставившего сообщение в WP блоге, в форму для написания комментария, для того чтобы ответить на его вопрос или задать ему свой (плагин Comment Toolbar)
• перемещаться по комментариям WordPress последовательно или сразу же переходить к первому, либо к последнему комменту (плагин Comment Toolbar)
• оживить комментарии блога на Вордпресс смайликами (плагин Qip Smiles)

Плагин Comment Toolbar — возможность ответа в комментариях WordPress, вставка цитаты из комментария или статьи

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

Жуть как неудобно, да и потом, другому пользователю, читающему эти комментарии, не всегда просто найти именно то сообщение этого автора, на который вы отвечали (особенно если этот автор оставил много комментариев на данную статью блога на Вордпресс). Намного проще иметь кнопку «Ответ» в каждом комментарии WordPress, которая автоматически скопирует имя автора данного сообщения в поле для написания комментария.

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

Очень удобно, на мой взгляд. Но кроме этого плагин Comment Toolbar умеет еще вставлять цитаты в комментарии WordPress. Для этого достаточно выделить фрагмент текста в каком-нибудь комментарии, в самой статье или в любом другом месте открытой страницы WP блога, а затем нажать кнопку «Цитировать» в любом из уже существующих комментариев.

Правда, может возникнуть проблема с вставкой фрагмента текста статьи в поле для написания комментария в случае, если на данную статью в WordPress еще не было оставлено ни одного комментария. Негде будет нажать кнопку «Цитата». Но из этой ситуации легко выйти, если вы последовали моему совету из предыдущей моей статьи рубрики Плагины для WordPress (Плагины SyntaxHighlighter Evolved и Comment Form Quicktags — добавляем подсветку синтаксиса кода в статьи и комментарии WordPress ) и установили плагин Comment Form Quicktags.

По умолчанию, этот WP плагин добавляет вкладку для вставки цитат в комментарий WordPress, но, правда, цитату из статьи вам придется вставлять вручную, путем копирования. А вкладка WP плагина Comment Form Quicktags вам просто позволит быстро заключить, скопированный вами из статьи фрагмент текста, тегами цитаты < blockquote> .

Улучшаем комментарии WordPress — установка и настройка WP плагина Comment Toolbar

Скачать WP плагин Comment Toolbar можно с официальной страницы плагинов WordPress. Либо прямо отсюда — скачать Comment Toolbar. Отдельно русификатор скачивать не нужно, т.к. в этом WP плагине, по умолчанию, уже присутствует русская локализация.

Устанавливаем плагин Comment Toolbar на WordPress:

• распакуйте архив comment-toolbar.zip, используя ftp-менеджер подключитесь к вашему сайту и загрузите папку comment-toolbar в папку с плагинами wp-content/plugins/ на сервере
• войдите в админку WordPress и выберете из левого меню вкладку «Плагины»- «Inactive»
• найдите строку с WP плагином Comment Toolbar и активируйте его

Если при установке плагина на WordPress у вас возникли какие-либо затруднения, то можете обратиться к материалам этой статьи — Решение возможных проблем при установке на Вордпресс плагинов. В админке WordPress выбираем из левого меню Плагины -> Comment Toolbar. Обратите внимание, что настройки этого плагина находятся именно в разделе «Плагины», а не «Настройки».

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

Но, тем не менее, я внесу некоторые пояснения. Первые два поля позволяют задать названия для кнопок ответа и цитирования в комментариях WordPress. В поле «Текст для сообщения о цитировании» вы вводите текст, который будет выводится после имени комментатора, чей текст вы цитируете, добавляя сообщение в Вордпресс. Пример:

В поле «Символ, разделяющий кнопки или ссылки» вы задаете разделитель для кнопок (показан на предыдущем рисунке). В следующем поле можно задать выделение жирным имени комментатора, которому вы отвечаете или цитируете его комментарий. Если поставите «Да» в поле «Add a link to his commentary on the name of the commentator», то получите как раз ту возможность, что я описал чуть выше — имя комментатора в вашем сообщении станет ссылкой на тот комментарий WordPress, который вы цитировали или на который отвечали.

В поле «Стиль тулбара» вы можете выбрать вид отображения кнопок ответа, цитаты и навигации по комментариям Вордпресс(в виде кнопок, ссылок или в виде картинок). В следующих двух полях вы можете выбрать положение области с кнопками в поле WP комментария.

А в последних двух полях вы можете отключить показ кнопок навигации по комментариям WordPress (переход к следующему, предыдущему, последнему и первому комментариям), а так же, задать плавную прокрутку при перемещении по WP комментариям (красиво получается).

Доработка перевода плагина Comment Toolbar для WordPress

WP плагин Comment Toolbar переведен не совсем полностью. Если вы подведете мышь к кнопкам навигации по комментариям WordPress, то увидите всплывающую надпись на английском (Last comment, Next comment и т.д.). Кроме того, у кнопки «Цитата» надписи не будет вовсе, а желательно было бы пояснить пользователям назначение этой кнопки.

Как вы, наверное, знаете, всплывающий текст ссылки задается с помощью атрибута TITLE тега A. Чтобы исправить описанные выше недостатки нужно получить доступ с файла сайта по FTP и открыть на редактирование файл wp-content/plugins/comment-toolbar/cf_comment_toolbar.php.

Найдите с помощью встроенного поиска редактора Notepad++ следующий код в этом файле:

$toolbar .= "<a href=\"#".$textarea_id."\" onclick=\"CF_Quote('".$ID."','".$Author."'); return false;\">".$lbl_quote."</a>";

и замените ее на такую строку:

$toolbar .= "<a title=\"Выделите фрагмент текста и нажмите на эту кнопку\" href=\"#".$textarea_id."\" onclick=\"CF_Quote('".$ID."','".$Author."'); return false;\">".$lbl_quote."</a>";

Текст всплывающей надписи в комментариях WordPress вы можете откорректировать по своему усмотрению. Для перевода английских надписей у кнопок навигации по WP комментариям, в этом же файле, с помощью встроенного поиска Notepad++ найдите, где встречаются эти английские фразы (Last comment, Next comment и т.д.) и замените их на русские.

Не забудьте перед сохранением отредактированного файла cf_comment_toolbar.php выбрать из верхнего меню Notepad++ пункт «Кодировка», а из выпадающего меню пункт «Преобразовать в UTF-8 без BOM». В противном случае, вы получите вместо русских надписей кракозябры. Это нужно проделывать всегда, когда вы добавляете в файлы WordPress русские надписи.

Плагин Qip Smiles — добавляем в комментарии WordPress смайлики QIP

Автором WordPress плагина Qip Smiles является уважаемый Жук. Плагин Qip Smiles можно скачать с его сайта — скачать Qip Smiles. Автор включил в плагин Qip Smiles 11 постоянно видимых смайликов и 30 дополнительных, открывающихся по нажатию на ссылку “Еще смайлы”. Смайлики для WordPress получились очень прикольные, взяты из всем любимого меcсенджера QIP. Можете посмотреть как это будет выглядеть у меня в комментариях.

Установка плагина Qip Smiles на WordPress проходит по привычному алгоритму:

• распакуйте архив с WP плагином qipsmiles.zip, используя ftp-менеджер подключитесь к вашему сайту и загрузите папку qipsmiles в папку с WordPress плагинами wp-content/plugins/ на сервере
• войдите в админку WordPress и выберете вкладку «Плагины»- «Inactive»
• найдите строку с плагином Qip Smiles и активируйте его

Никаких настроек плагин Qip Smiles не имеет, но для того, чтобы смайлики в WordPress появились рядом с полем для написания комментариев, вам нужно будет открыть на редактирование файл comments.php из темы оформления вашего Вордпресс блога, которая в данный момент используется.

Путь к этому файлу будет выглядеть так: wp-content/themes/название_вашей_темы_оформления/comments.php. Узнать название текущей темы WordPress вы можете в админке, выбрав в левой панели «Дизайн» — «Темы».

В файле comments.php вам нужно будет найти место, куда именно нужно вставить код плагина Qip Smiles, который будет показывать смайлики в комментариях WordPress. Он должен быть расположен рядом с кодом вывода формы для написания комментария (область на WP блоге, куда вы вводите текст сообщения) — сверху или снизу, например.

Поэтому, вам сначала нужно найти в файле comments.php код вывода этой формы на WP блог, он задается с помощью тега TEXTAREA. В моем случае, код формы ввода текста комментария в WordPress задается следующим кодом:

<textarea name="comment" id="comment" cols="70" rows="10" tabindex="4" class="textarea1"></textarea>

После того, как найдете похожий код в своем файле comments.php, то вставьте сразу после него или перед ним код вывода смайликов Qip Smiles:

<?php if (function_exists('qipsmiles')) qipsmiles('ru'); ?>

У меня получилось так:

<p>
      <label for="comment"><strong>Ваш комментарий</strong></label>
      <br /><?php if (function_exists('qipsmiles')) qipsmiles('ru'); ?>
      <textarea name="comment" id="comment" cols="70" rows="10" tabindex="4" class="textarea1"></textarea>
    </p>

Как вы можете видеть в комментариях этого WP блога, смайлики будут выводиться над формой написания комментария в WordPress.

В следующей статье мы продолжим улучшать работу системы комментирования WordPress. Я расскажу про то, как на сто процентов защититься от спама в WP комментариях, а так же о том, как добавить отображение Gravatar в комментарии Вордпресс блога, если это не было предусмотрено в используемой вами теме (Плагин DCaptcha (Я не робот) для защиты комментариев WordPress от спама и добавление иконки Gravatar в комментарии).

У Евгения Попова имеется видекурс по WordPress, который стоит того, чтобы с ним ознакомиться.

Вы так же можете ознакомиться с другими материалами по WordPress:

• Вопросы по WordPress
  • ЧПУ в Вордпресс
  • Страница ошибки 404 в WordPress
  • Настройки WordPress
  • Снижаем нагрузку Вордпресс на сервер
  • Темы Вордпресс
  • Кнопки социальных сетей для WordPress
  • Работа в WordPress
• Плагины для WordPress
  • Установка плагинов в WordPress
  • Карта сайта для WordPress
  • Hyper Cache - кэширование в Вордпресс
  • All in One SEO Pack - поисковое продвижение Вордпресс
  • Спам в комментариях WordPress
  • Подписка на новые комментарии в WordPress
  • Удобная постраничная навигация для WordPress
  • Хлебные крошки для WordPress блога
  • Внутренняя перелинковка и создание списка похожих материалов

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

• Подсветка кода в статьях и комментариях WordPress — плагины SyntaxHighlighter и Comment Form
• Плагин DCaptcha (Я не робот) для защиты от спама комментариев WordPress и добавление иконки Gravatar в комментарии Вордпресс
• Создание анонсов статьей на главной странице WordPress с помощью тега More, замена текста ссылки «Читать далее» на уникальный анкор, вставка в статьи и комментарии смайлов
• Подписка на комментарии в WordPress — плагин Subscribe To Comments (на E-mail), RSS лента всех комментариев WP блога и RSS канал для комментариев одной статьи в Вордпресс
• Оптимизация WordPress: как защитить комментарии Вордпресс от спама, как заставить плагин DCaptcha работать на WP 2.92, как отключить корзину
• Решение в WordPress проблемы отправки почты и расширение возможностей Html редактора — WP плагины Configure SMTP и Post Editor Buttons
• WordPress плагины на моем блоге