Плагин Comment Form Quicktags и Qip Smiles — добавляем смайлы и кнопки форматирования текста в форму комментариев

Добрый день, уважаемые читатели! Сегодняшняя статья в рубрике Плагины WordPress можно сказать написана по просьбе моих читателей. Дело все в том, что некоторое время тому назад ко мне за помощью обратился мой постоянный посетитель (спасибо, что читаете меня) с просьбой объяснить как можно добавить смайлики в форму комментариев Disqus и как расширить его функционал. К моему большому сожалению, пока нет возможности вносить дополнительные функции в эту форму, но можно добавить расширенные возможности в обычную форму комментирования, установленную по умолчанию. Поэтому сегодня я предлагаю Вам рассмотреть два плагина, которые расширяют возможности стандартой формы  — плагин  Comment Form Quicktags и Qip Smiles

Прежде всего давайте разберемся какой дополнительный функционал появится:

— предоставляем возможность нашим читателям при написании комментария выделять некоторые части сообщения жирным, курсивом или перечеркнутым шрифтом.

— добавлять в удобной форме ссылки и различные коды в тело комментария

— выделить цитату

— оживить сообщения смешными мордашками в виде смайлов

Добавить в комментарии смайлы

Простого способа добавления смайлов в комментарии можно добиться при помощи плагина Qip Smiles, скачать который можно с сайта автора – разработчика, знаменитого блогера Жука.

При установке плагина Вы получаете 11 постоянно видных мордашек, но есть еще и скрытые, которые появляются при нажатии на ссылку “Еще смайлы”. Посмотреть работу данного плагина можно на моем сайте http://super-womens.ru

Нажав на ссылку скачать плагин Вы получаете архив qipsmiles.zip, распаковав который необходимо будет переместить полученную папку qipsmiles в директорию wp-content/plugins/ Вашего блога, посредством ftp – клиента. Затем заходите в административную панель во вкладку Плагины, находите строку Qip Smiles и активируете.

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

Для этого в административной панели заходим во вкладку Внешний вид и выбираем пункт Редактор, откроется страница, где в правой стороне будет отражаться столбец, со всеми составляющими файлами шаблона. Вот в этом списке и кликаем по пункту  comments.php

В этом файле необходимо найти код, который отвечает за вывод формы комментариев, куда прописывается текст сообщения. Обычно он заключен в тег <textarea></textarea>. У меня это строчка имеет следующий вид:

<textarea id="comment" style="width: 50px1;" cols="100%" name="comment" rows="10"></textarea>

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

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

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

<!--выводит смайлы-->

Сохраняем произведенные изменения, открываем блог и видим смешные мордочки, отражающие под полем ввода сообщения.

Теперь осталось только немного расширить функционал при написании комментария, а именно добавить кнопки для оформления текста сообщения.

Добавить дополнительные кнопки в форму комментариев

Для расширения функционала при написании комментариев, то есть добавление кнопки – жирно, курсив, зачеркнуто, ссылка, код, имеется огромное количество плагинов. Я лично протестировала три и решила остановиться на удобном и простом плагине  Comment Form Quicktags (его работу можно увидеть на http://super-womens.ru), скачать который можно с официальной страницы http://wordpress.org/extend/plugins/comment-form-quicktags/

Распаковав полученный архив мы становимся обладателями папки comment-form-quicktags, которую необходимо переместить в директорию wp-content/plugins/ , посредством ftp- клиента. Затем заходим в административной панели блога во вкладку Плагины и найдя строчку, Comment Form Quicktags, активируем ее.

После успешной активации в консоли Настройки появляется новый пункт Comment Form Quicktags, кликнув по ссылке которого попадаем в настройки плагина, добавляющего функционала комментариям, то есть здесь мы сами можем установить какие именно возможности формирования текста сообщения будет доступно читателю.

В настройках этого плагина все очень доступно объясняется, но я немного поясню. Так первоначально установив и активировав плагин (я скачивала версию 1.3.1) название всех кнопок имело не подходящий вид и было на латинице. Поэтому первым делом я взялась за перевод.

Зайдя в панель настроек плагина Comment Form Quicktags выбрала кнопку для редактирования /b, кликнув по ней и в поле “Надпись” прописала текст “Жирный”, нажала на кнопку “Правка\Добавить”, а затем на “Обновить” . Зайдя на блог видим следующую картину

Аналогичным образом в панели настроек плагина отредактировала и все оставшиеся кнопки.

Если какая либо функция Вам не нужна, как в моем случае это произошло с кнопкой “Close Tags”, ее можно просто удалить. Для начала кнопку выделяем и кликаем по “Удалить” –“Обновить”. Вернуть настройки по умолчанию можно нажав на “Сбросить настройки”.

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

Пожалуй на этом сегодня все. Всем удачи и до новых встреч на блоге “Seo записки отчаянной”

Вам понравилась статья? Расскажите о ней друзьям!