WP Russian Quicktags
Этот плагин я создал на основе всем известного старенького плагина "WP Comment Quicktags", который устанавливали лет 5-6 назад на каждом втором блоге. Оригинальный плагин был заброшен автором еще в 2007 году, поэтому пришлось произвести его модернизацию своими силами. Во-первых, была добавлена поддержка современных шаблонов (панель теперь умеет встраиваться автоматически, без каких-либо действий пользователя). Во-вторых, в плагин добавлен стиль панели по умолчанию (на основе кнопок фреймворка Bootstrap). И, в-третьих, в плагин была добавлена возможность вывести кнопку-ссылку "Цитировать", при нажатии на которую выделенный пользователем текст автоматически будет взят в теги цитаты.
Скачиваем плагин по ссылке в конце страницы и устанавливаем его:
1 Распаковываем архив.
2 Копируем папку wp-russian-quicktags в /wp-content/plugins/.
3 Заходим в админку блога на вкладку "Плагины" и активируем плагин.
Если у вас более-менее современный шаблон, в котором для вывода формы добавления комментария используется новая функция comment_form (она появилась в движке в версии 3.0), то для вывода панели плагина вам ничего делать не надо – плагин сам встроит эту панельку чуть выше текстового поля для ввода текста комментария.
Например, в шаблоне Twenty Ten панелька будет выглядеть так:
В большинстве шаблонов панелька встраивается более-менее корректно. Но иногда бывают косяки, если авторы шаблонов стилизовали форму добавления комментария несколько необычным способом. Например, вот так панель выводится при использовании шаблона Twenty Eleven:
Такие неприятности очень легко исправляются путем правки стилей шаблона. В том же Twenty Eleven достаточно в файл styles.css добавить строчки:
#respond .comment-form-comment label { top: 80px!important; } |
Чтобы панелька выглядела красиво:
Хотя стиль панели по умолчанию более-менее нейтральный, вам все равно могут не понравится используемые в ней шрифты, их размеры или размеры самих кнопок. По понятной причине – если в форме добавления комментария используются другие шрифты и другие размеры кнопок, то панель может выглядеть несколько инородно. В таком случае просто отредактируйте файл style.css в папке плагина (все самые важные настройки находятся в самом его начале). И не бойтесь экспериментировать – там все очень просто.
Теперь о том, как встроить панель плагина в шаблон, если в нем используется старый способ вывода формы для добавления комментариев. Найдите в файле comments.php примерно вот такой код:
<textarea tabindex="4" rows="10" cols="58" name="comment"></textarea> |
И добавьте перед ним вызов функции плагина:
<?php if(function_exists('wp_russian_quicktags')){ wp_russian_quicktags(); } ?> |
И этого будет вполне достаточно, чтобы у вас появилась панелька с кнопками.
Еще пара слов о настройке стилей панели. Если вам вообще и категорически не нравится вид кнопок по умолчанию, то вы можете удалить все содержимое файла style.css из папки плагина. А после этого добавить туда такой код:
#comment_quicktags { text-align: left; margin-left: 0%; } #comment_quicktags #ed_comment_toolbar { display: inline; } #comment_quicktags button { background: #F4F4F4; border: 1px solid #D6D3CE; color: #000000; font-family: Georgia, "Times New Roman"; font-size: 12px; margin: 1px; width: auto; padding: 3px; } #comment_quicktags button:focus { background: #FFFFFF; border: 1px solid #686868; } #comment_quicktags #ed_strong { font-weight: bold; } #comment_quicktags #ed_em { font-style: italic; } |
Панелька станет выглядеть так:
Это, так сказать, базовый стиль панели, если вас не устраивает встроенный. Еще частый вопрос – как удалить кнопку "Код", которая в большинстве сайтов лишняя. Это легко, откройте файл scripts.php плагина и удалите там строки:
68 69 70 71 72 73 74 | edButtons[edButtons.length] = new edButton('ed_pre', 'Код', '<code>', '</code>', 'c' ); |
После чего кнопки "Код" в панели больше не будет.
Теперь о ссылке "Цитировать", которую вы можете увидеть на моем сайте на страницах с комментариями. При нажатии на эту ссылку выделенный пользователем текст будет автоматически взят в теги цитаты. Это весьма удобно при общении в комментариях, в которых не используется древовидный стиль вывода. Я, например, на этом сайте не могу позволить себе использование древовидных комментариев, так как выбранный мной шаблон очень узкий и древовидные комментарии банально в него не вписываются. Поэтому кнопка "Цитировать" меня весьма спасает при общении с посетителями сайта.
Автоматически вывести эту ссылку нельзя, код ее вызова необходимо вставить вручную. Это доступно не для всех шаблонов, а только в тех, чей автор удосужился кастомизировать вывод комментариев. Так что открываем файл comments.php в папке шаблона и ищем там функцию wp_list_comments. Если она вызывается без параметров, то вставить ссылку "Цитировать" вы не сможете – просто некуда. Если же с параметрами типа как в коде:
wp_list_comments( array( 'callback' => 'twentyten_comment' ) ); |
То вставить ссылку можно. Для этого найдите, где в вашем шаблоне формируется вывод комментариев (как правило, в файле functions.php), просто ищите указанную в параметрах функцию twentyten_comment. Нашли? Теперь найдите там вызов функции comment_text и перед ним вставьте код:
<span class="quoter"> <a href="javascript:void(0);" onmousedown="postQuote( '','comment','Вы не выделили текст');return false;" title="Выделите текст на странице и кликайте"> Цитировать</a> </span> |
Этот код вставит ссылку "Цитировать", которую нужно стилизовать, добавив в файл styles.css шаблона код:
.quoter{ margin-top: 0px; float: right; } |
Если вы все сделали правильно, то увидите примерно такой вывод комментариев:
Не спорю, вставка этой кнопки-ссылки может быть нелегким делом для начинающего веб-мастера, но как это сделать проще я просто не знаю. В любом случае - вы можете просто не использовать ссылку "Цитировать" на своем сайте, так как она вовсе не обязательна для многих шаблонов, которые могут себе позволить вывод древовидных комментариев.
Если у вас остались какие-нибудь вопросы по настройке этого плагина пишите в комментариях, я вам обязательно постараюсь помочь.
WP Russian Quicktags
Автор плагина: Flector
Рассматриваемая версия: 1.00 от 22.07.2014
Текущая версия: 1.04 от 18.09.2024
Совместимость с версией WordPress: 2.3 и выше
Активных установок плагина: 80+
Скачать плагин версии 1.04 (всего скачено 3 752 раза)
Понравился пост? Подпишись на обновления по RSS или Twitter !
#321,
Я в этих языках еще не силен. Сейчас нет времени, чтобы вплотную заняться изучением. Поэтому пока такие ошибки допускаю.:)
#322,
Версия 1.04 никуда не годится, все ошибки у меня при проверке валидности CSS (jigsaw.w3.org), посвящены этому плагину. Пора новое обновление.
#323,
ну я еще могу понять, когда проверяют код, но css? для кроссбраузерности всегда будут использовать префиксы и прочие гадости, которые никогда не пройдут валидности. в чем прикол то?
#324,
Александр, к сожалению не вставляется код php. (основная функция, из-за которой устанавливал плагин). Остаются только пустые теги code и /code.
Может в файле scripts.php тег code заменить каким-либо другим тегом?
#325,
Вопрос отменяется. Использовал функцию из вашей статьи
Разместил ее в файле functions.php. Все прекрасно заработало.
#326,
Здравствуйте уважаемый Александр!
1. Я пока ещё не создал свой сайт на CMS WordPress, но займусь этим в ближайшее время. В связи с чем собирая и изучая информацию о функциональности CMS WordPress обратил внимание на отсутствие в её родной (установленной по умолчанию) системе комментирования таких обычных функций, как:
1) выделение текста жирным, курсивом;
2) выделение цвета текста и фона;
3) подчёркивание текста;
4) цитирование части текста способом его выделения и нажатия курсивом на соответствующую функцию, чтобы выделенный для цитирования текст автоматически заключался в нужные теги;
5) нумерация комментариев с указанием: номера, даты и времени оставленного комментария;
6) прикрепления к комментарию ссылки, изображения, файла;
7) предварительного просмотра составленного комментария;
8) редактирования комментария на период до опубликования ответа на него или следующего за ним комментария.
2. Обратил внимание на созданный Вами плагин Russian Quicktags, в котором есть только функции: "Жирный", "Курсив", "Код", "Цитата", "Ссылка" и "Закрыть Теги", но нет других вышеперечисленных.
2.1. Также обратил внимание на наличие в системе комментариев настоящего Вашего сайта WordPressPlugins.ru функций нумерации комментариев с указанием: номера, даты и времени оставленного комментария и предварительного просмотра, однако при использовании функции "Предварительный просмотр" происходит перенаправление почему то не на предварительный просмотр составленного комментария, а в самый верх страницы сайта!
2.2. Также на странице Вашего плагина на сайте ru.wordpress.org указано " Этот плагин ещё не переведён на ваш язык (Русский). Помогите перевести его!", в связи с чем непонятно, переведён ли он на русский язык?
3. Прошу Вас, пожалуйста, пояснить:
1) почему в родной (установленной по умолчанию) системе комментирования CMS WordPress нет таких базовых функций;
2) почему Вы в Вашем плагине Russian Quicktags ограничились наличием только имеющихся в нём функций;
3) чем Ваш плагин Russian Quicktags отличается от плагина Comment Toolbar?
#327,
Александр, скажите, пожалуйста, почему функция кнопки "Цитирование" распространяется только на комментарии и не распространяется на основной - комментируемый контент?
#328,
давайте сразу объясню идеалогию wordpress - разработчики делают движок, а все "красивости" отдают на откуп плагинам. поэтому в движке нет seo-опций, генераций карт сайта и тд и тп.
далее - вы видели популярность плагинов кнопок к форме комментирования? тысячи, редко десятки тысяч установок - люди считают их ненужными. ими пользовались раньше, но с тех пор как wordpress стал поддерживать идеологию "mobile first" - подобные плагины вообще никому не нужны. банально по причине того, что выделять текст на мобильных устройствах крайне сложно.
#329,
Александр, тем не менее форумные движки пока не "умирают"! К тому же даже на мобильных устройствах их пользователям также нужны простота, удобство и скорость комментирования, достигаемая автоматическим цитированием выделенного текста!
#330,
а вот статистика использования плагинов комментирования говорит, что это нынче никому на фиг не сдалось. скорее наоборот - чем проще, тем лучше.
#331,
Александр, проще - Вы имеете ввиду цитировать способом вставки скопированной части текста между тегами blockquote?
#332,
вы не смотрите на мой сайт - он устарел. не пользуются сейчас цитатами вообще - в wordpress давным давно сделаны древовидные комментарии. как бы цитировать смысла нет - можно просто ответить на нужный комментарий без лишних телодвижений. просто я тему для сайта писал еще в далеком 2008 году - поэтому у меня тут никакой древовидности нет.
#333,
Добрый день. При вставлении изображения в комментарий у пользователей не хватает прав, могут вставлять только админ и модератор. Где и что нужно подправить? Всё остальное работает замечательно.
#334,
https://www.wphook.ru/komments/allow-img-tag.html
#335,
Спасибо, всё заработало.
#336,
привет. подскажите а как сделать так чтобы указанный размер сохранялся? для меня админа он работает а для других нет https://skr.sh/sAnuyZYiwRe
и так же для меня админ указанный размер текста работает а для других нет - https://skr.sh/sAnoxG4LXpG