Comment Toolbar — добавляем в комментарии WordPress возможность ответа и цитирования

4 Декабрь, 2009

Как и обещал в статье про SyntaxHighlighter и Comment Form, сегодня продолжим разговор о повышении удобства работы с комментариями WordPress. Этого мы будем добиваться с помощью плагинов Comment Toolbar и Qip Smiles (надеюсь, что свой Gravatar вы не только создали, но и включили их отображение в настройках блога).

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

  1. одним кликом вставлять цитаты в форму для написания комментария
  2. одним кликом вставлять имя человека, оставившего сообщение в блоге, в форму для написания комментари
  3. оживить комменты смайликами (с помощью Qip Smiles)

Comment Toolbar — возможность ответа в комментариях


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

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

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

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

Скачать плагин Comment Toolbar можно тут. Отдельно русификатор скачивать не нужно, т.к. в нем, по умолчанию, уже присутствует русская локализация.

Устанавливаем:

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

Если при установке плагина у вас возникли какие-либо затруднения, то можете обратиться к материалам приведенной статьи.

В админке Вордпресс выбираем из левого меню «Плагины» -> Comment Toolbar. Обратите внимание, что настройки этого плагина находятся именно в разделе «Плагины», а не «Параметры».

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

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

Пример:

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

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

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

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

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


Comment Toolbar переведен не совсем полностью. Если вы подведете мышь к кнопкам навигации по комментариям, то увидите всплывающую надпись на английском (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>";

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

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

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

Еще:

Рубрики :Плагины для WordPress

Комментарии и отзывы

Alex

Дмитрий — краткость сестра таланта. Не особо полезная вещь, а описал как 2 тома Толстого =))

XStrafer

хороший плагин!

спасибо

echo('!');

Дмитрий

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

XStrafer: пожалуйста.

Андрей

У меня шаблон в минималистских традициях и поле комментариев WordPress и цитата из них все белое. Получается цитата не выделяется вообще. Вот бы подсветить ее немного сереньким фоном, например. А как это сделать не знаю. Подскажите как это сделать и именно так доступно, как вы всегда это делаете. Спасибо за ваш труд! Очень полезно для новенького!Alex говорит, что:

Дмитрий — краткость сестра таланта. Не особо полезная вещь, а описал как 2 тома Толстого =))

Вы наверное не заметили название этого блога. Для новенького именно так и надо объяснять IMHO

KosPa

Долго искал смайлы для WordPress и НАКОНЕЦ-ТО нашел на нормальном блоге, да еще и с подробным описанием. Автору блога ОГРОМНОЕ спасибо!!!

Рыся

Скажите, в чем моя ошибка — установила плагин Comment Toolbar в вордпресс, активировала. В настройках появился. Но в WP блоге не отражается и не работает! Что делать?

Дмитрий

Рыся: затрудняюсь ответить, т.к. так глубоко с плагином Comment Toolbar не разбирался. У меня вроде все сразу заработало и причин для дальнейшего копания в Вордпресс не было.

Дмитрий

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

Сергей

Здравствуйте!

Большое спасибо за статью! Меня интересует глобальный вопрос. Можно ли при помощи этого WP плагина организовать сортировку смайликов по категориям?.. Т.е. так, чтобы после нажатия на ссылку «еще смайлы», высветились смайлы следующим образом:

Позитивные:

(отображаются позитивные смайлы)

Негативные:

(отображаются негативные смайлы)

и т.д.

Или хоть как-то их разделять можно?..

Lenskiy

Прекрасные плагины для Вордпресс, но у меня почему то цитаты выделяются не кавычками, а «палочкой».

пишет:

|вот так выглядит цитата

А хочется кавычками. Это можно как то исправить? Спасибо.

Дмитрий

Lenskiy: дело в том, что плагин Comment Toolbar только заключает цитируемый текст в открывающий и закрывающий теги BLOCKQUOTE. Примерно так:

<blockquote><p>Дмитрий — краткость сестра таланта. Не особо полезная вещь, а описал как 2 тома Толстого =))</p></blockquote>

А то, как будут выглядеть цитаты на вашем WordPress блоге задается в файле CSS, находящемся в папке с используемой вами темой оформления. В моем случае в файле style.css моей темы оформления для цитат (для тега BLOCKQUOTE) прописаны следующие свойств, которые и задают внешний вид для всех цитат на моем блоге:

#content blockquote {
	margin:15px 0 20px 0;
	padding:5px 8px 5px 35px;
	background:#eaedf0 url(images/quote2.png) no-repeat left top;
	background-position:8px 5px;
	color:#666;
	font-size:14px;
	width:91%;
	font-style:italic;
}
#content blockquote p {
	color:#666;
	font-size:14px;
}

Кавычки перед цитатой задаются с помощью рисунка quote2.png:

продвижение сайта

Спасибо за полезные советы

Den-sad

10x, попробую

Duke

Дмитрий: Покопаюсь в стилях, спасибо.

Болдис Медиа

Спасибо за плагин, а вопрос про сортировку смайлов в WordPress действительно актуален.

Павел

Приветствую,Дмитрий.

Мне нужна помощь по Comment Toolbar. Так получилось, что я нашёл для себя именно тут тему, которая, как мне кажется, лучше всего подходит для перс.блога.

Но вот незадача,там цитата вообще никак не выделяется. Просто делается отступ и всё (никаких кавычек,палочек — вообще ничего.) Я попытался найти оформление цитаты в style.css,но там оказалось пусто. Вот CSS...вдруг захотите порыться 🙂

А теперь насчёт Вашего WordPress плагина для коментов. Когда я всё сделал по инструкции ( залил и установил ), то ничего в комментариях не преобразовалось...Не было даже ссылок «Ответ» и «Цитата». Я уже и не знаю, что делать. Может что-нибудь посоветуете?

Baragas

Про плагины интересно. Вам +. Мне картинки понравились. Это лучшее рукводство

nc2009

Сделал все как описано выше (Qip Smiles) смайлики стали отображаться, а когда пытаешься добавить смайлик в комент WordPress, то при клике смайлик не добавляется

версия WP 3.0.1 подскажите что не так?

Вика

nc2009: У меня та же самая проблема((

Automax

Вика: Da u menya toje.

Юрий

Спасибо за плагин

дядя Валера, эсквайр

Дмитрий, у тебя не описан обычно предустановленный плагин для смайлов wp-grins. Я произвел настоящие боевые действия с ним. Думаю, что тебе надо подключиться и занять позиции на моей стороне. Действия мои очень подробно описаны...

Alex

Подскажите пож, как сделать фишку «добавить картинку» в коментах WP

BagiraL

Все так здорово и быстро! Но рядом с галочкой «Это не спам» вылазит dimoning.ru. Очень некрасиво смотрится... Где его можно убрать, чтобы не мешался?

BagiraL

У меня очень скудненький ассортимент смайликов на форуме! Как можно вставить туда смайлы? Возможно ли это?

Максим

Поставил плагин. В админке появился, а на сайте нет.

onjee

А почему у меня не реализуются теги? Тоесть

не пропадают а пишутся как обычный текст... как это исправить незнаете?

Сергей

Спасибо вам за пост! Очень познавательно.

Сергей

Отличная статья! Спасибо вам за проделанный труд!

Дмитрий

блин, сделал все по инструкции, а смайлы не добавляются, нажимаешь на смайл, а он не появляется в тексте(((( пробовал в разных браузерах, что может быть?

Maria Kucherenko

Интересно, а если плагин установлен, а кнопки «ответить» все равно нет, что делать? ))

Юрий

Благодаря Вам установил плагин по добавлению смайликов в комментарии (долго искал), все работает.Большое спасибо за полезную информацию. =)

NicolaIvNet

У меня смайлы показываются, но не кликабельны

Александра

Здравствуйте.У Вас очень хороший и полезный блог. Вот заинтересовалась этой статьей, решила и себе поставить этот плагин...но увы... в админке я его вижу,он активировался, а на сайте нет ничего...тоже самое и с плагином подсветки(предыдущая статья). Не подскажите, в чем дело? Заранее благодарю за помощь.

Roman

Отличная статья спс автору

Андрей

Смайлы тоже не кликабельны! Как решить эту проблему??

Ирина

Супер! Все сразу получилось!

Леонид Карпенко

здравствуйте ребята!!! я установил плагин. ошибок нет, но я не вижу где же это цитирование

помогите

спасибо

Евгения

Спасибо! Установила-все получилось со смайликами. Очень нужный и полезный у Вас сайт. Часто к Вам захожу.

Кирилл

Приветствую! Уважаемый автор блога! У некоторых появилась проблемы со смайлами — при клике на смайлик ничего не происходит и он не добавляется в текстовую область. У меня была такая же проблема, потом я нашел инфу и исправил кое какой код в самом плагине, но забыл что именно исправлял. После чего смайлы стали кликабельны. Если мне не изменяет память, на блоге lecactus (точка) ru в комментариях кто-то говорил, как эту проблему решить. Вот. Надеюсь кому-нибудь поможет.

SvyatLee

Спасибо просто огромнейшее! Этот пост, самый вменяемый, подробный и простой. Получилось с первого раза!

Alert

А то у меня как у новичка с этим жуткая проблема

alert («Привет! А как ты защищаешь свой блог от XSS-attack?»)

Сергей Мармелюк

Вот как лечится проблема, если смайлики не вставляются по клику:

http://free-site-master.ru/wordpress/smajliki-v-wordpress-ustanovka-plagina-vozmozhnye-problemy-i-sposoby-ustraneniya.html

Zaia

У меня этот плагин, будучи установленным, никак не проявляется, т.е. как были простые комменты, так и остались. Может потому, что WP 3.4.1?

А есть ли подобные плагины для версии WP3.4.1? Сама ничего не нашла...

Спасибо.

Егор

Кто знает: почему когда я нажимаю цитировать, ну или ответить, все выделяется отлично, но курсор клавиатуры становится перед цитатой и приходится его переставлять в конец комментария, это конечно не проблема, но бесит вот каждый раз ставить в конец!

Вас.Ив

Плагины хорошие но заморочка с ними большая по тому отказался...Оставил все по прежнему Не понравились разресованые коменты Сайт не цирк

Евгения

Имеем: сайт на вердпрессе и возможность оставлять комментарии на нем.

скажите, а как сделать, чтобы автору комментария, пришло уведомление, что на коммент ответил админ сайта?

Подписаться не комментируя