99 Очевидно, что для удобства восприятия комментариев текст должен быть отформатирован: для выделения ключевых моментов применяются разные типы шрифтов, ссылку лучше оформлять в соответствующий код, а цитаты выделять отдельным блоком.
Настроить все это на своем блоге поможет плагин Comment Form Quicktags. Аналогом этого плагина выступает WP Comment Quicktags Plus, однако он менее функционален и удобен.
Практичность Comment Form Quicktags состоит в том, что все визуальные настройки выполняются в админке, а значит править код не нужно. Кроме того, плагин хорошо функционирует во всех браузерах, что добавляет ему еще один плюс. Поскольку разработчики WP Comment Quicktags Plus перестали заниматься этим плагином, наш вариант остается едва ли не единственным универсальным способом решить поставленную задачу.
Итак, по стандартной процедуре устанавливаем плагин: распаковав архив, отправляемся в папку с плагинами, куда и перемещаем comment-form-quicktags. После этого плагин необходимо активировать.
Как обычно, настроить плагин можно в соответствующей вкладке раздела “Параметры”. Отметим, что плагин имеет русскоязычный интерфейс, чему несказанно рады те, кто не владеют иностранным языком.
Относитесь внимательно к параметрам в настройках и не забудьте после каждого изменения обновлять настройки: в противном случае все изменения будут потеряны.
Плагин также позволяет регулировать, кому именно может быть доступна функция форматирования комментариев:
В действительности это функция имеет свой недостаток — отсутствуем дифференциация по предлагаемым видам форматирования. Было бы гораздо более логично давать права на отдельную кнопку, а не целиком. Именно поэтому особого смысла в данном параметре нет.
Создание кнопки, которая позволит добавить картинку, происходит следующим образом:
Интересно, что в дополнительной информации к плагину указано, что размещение любой картинки сопровождается ее загрузкой на блог, поэтому нужно дать папке права на запись. По факту ничего подобного не происходит. Пользователь указывает ссылку на изображение, соответственно, выводиться оно будет по этой ссылке без загрузки на сайт.
В код все-таки необходимо будет внести некоторые изменения. Так, чтобы разрешить подписчикам использовать тег img, обратимся к файлу functions.php и впишем следующий код:
|
1 2 3 4 5 6 7 8 9 |
global $allowedtags; $allowedtags_add = array ( 'img' => array ( 'src' => array(), 'alt' => array(), 'title' => array(), 'height' => array(), 'width' => array()) ); $allowedtags = array_merge ($allowedtags, $allowedtags_add); |
Кроме того, ограничьте разрешение картинки, которая может быть размещена на блоге, в противном случае можно только представить, что произойдет со страницей, если пользователь решит вставить картинку размера, например, 1600×1200. Сделать это можно следующим образом:
|
1 2 3 4 |
p img { padding: 0; max-width: 100%; } |
Панель форматирования окажется сразу над окном ввода комментария. В большинстве случае она отображается корректно, но существуют некоторые шаблоны, которые потребуют правки в файле стилей .css, дабы избежать подобного:
Подобный конфуз случается, если плагин в поисках блока ввода текста абсолютно игнорирует все изобретения дизайнеров, которые заботливо оформляли блок с комментариями. Например, в теме Twenty Eleven этот баг исправляется следующим кодом, который надо поместить в файл стилей самого шаблона:
|
1 2 3 |
#respond .comment-form-comment label { top: 80px; } |
Перевод плагина выполнен не полностью: названия вставки ссылок и изображений остаются не переведенными. Исправить это можно в файле самого плагина. Идем в quicktags.php и находим:
|
|
|
|
|
|
Текст можно изменить на любой — все зависит от Ваших предпочтений, например:
|
|
|
|
|
|
Стандартное оформление кнопок выглядит весьма прилично и нормально отображается во всех браузерах, но Вы все равно можете изменить их вид. Отправляется в файл стилей плагина .css. Так, если удалить комментирование у следующего кода:
|
1 2 3 4 |
/*-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;*/ |
Кнопки станут такими:
Мы предлагаем Вам изменить вид курсора (при наведении на кнопку) на более уместную в данном случае руку. В том же файле стилей в самом начало изменяем на:
|
1 2 3 4 5 |
div#ed_toolbar input:hover { border-color: #aaa; background: #ddd; cursor: pointer; } |
Порядок размещения кнопок регулируется совсем легко: просто перетягивайте мышкой их и расставляйте в соответствующем порядке, после чего обновите страницу.
Вот и все настройки, которые можно изменить у этого плагина. Для тех кто использует защиту от спама, при котором происходит подмена полей, все оказывается гораздо проще. Задача плагина — найти последнее поле для ввода текста. Единственно, что необходимо проверить: в файле comments.php код поля должен быть прописан в строчку:
|
Если Вы упустите этот момент, то плагин просто не будет отображать свою панель. Как не должно быть:
|
1 2 |
<textarea id="comment" cols="58" rows="10" name="comment"> </textarea> |
Теперь, если вы установите плагин, а он по-прежнему не будет работать, Вы знаете, где можно искать ошибку.
Не забывайте об этом плагине, ведь удобство прочтения комментариев — залог дальнейшей активности пользователей.
