Wordpress плагин: QIP смайлы для вашего блога (Qip Smiles)

16 Авг

Улыбаемся и машем. QIP смайлы для Wordpress

Спонсор месяца: Форум, который любит блоггеров

Что-то в жизни всегда случается в первый раз. Первый блог, первая статья, первый заработок. Сегодня я хочу представить вам свой первый плагин для Wordpress. Встречайте, плагин, который позволяет использовать привычные смайлы QIP’a в комментариях на вашем блоге! Надеюсь, вам понравится. Вот как выглядит этот плагин на моем блоге:

Смайлики

В плагин включены 11 основных смайлов и 30 дополнительных, которые показываются по нажатию ссылки “Еще смайлы”. Все смайлы взяты из популярного мессенджера QIP (старая версия).

А теперь немного истории. Стоит объяснить, с чего это я вдруг взялся за плагиностроение. Все началось с того, что Темыч решил возродить свой заброшенный блог и попросил меня в этом помочь. После того, как я сделал ему форму обратной связи и приделал трансляцию Twitter, Темыч захотел смайлы. Задание звучало следующим образом: нужно найти плагин (и естественно его установить), который бы позволял использовать QIP’овские смайлы, но выводил их не все, - по умолчанию показывал бы только основные, а по желанию пользователя расширял список смайлов.

Перерыв добрых пару десятков плагинов, я не нашел подходящего. Либо плагин был уже устаревшим, либо не удовлетворял всем требованиям Темыча. Недолго думая, я начал писать свой собственный плагин.

Я бы не сказал, что являюсь квалифицированным знатоком php. Мои знания находятся примерно на уровне “язык, похожий на C++”. Однако, этих знаний мне вполне хватило, чтобы понять принцип работы подобных плагинов и, скомпоновав несколько похожих по принципу, получить что-то свое. Надеюсь, не нарушил ни чьих авторских прав. Установка плагина:

Скачать плагин Qip Smiles себе на локальный компьютер. Скачать Qip Smiles (108 B, скачано 1726).
Распаковать архив.
Скопировать папку qipsmiles в /wp-content/plugins/ вашего блога.
Активировать плагин в админке.
В файл вашего шаблона comments.php в удобное для вас место вставить код:

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

Вот и все! Потом можно наслаждаться жизнью. В дополнение вы можете подредактировать css, чтобы смайлы лучше вписывались в ваш блог, а также добавить свои смайлы или заменить существующие. Как это сделать, я скорее всего объясню в отдельной статье, если будут желающие.

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

Важно! Обладателем всех прав на смайлы и фирменный стиль “Колобок” является Манцуров Иван, aka Aiwan (Авторские смайлы стиля Колобок). Использование смайлов в коммерческих целях возможно только с согласия автора.

P.S. Если вам понравился плагин, совсем не откажусь от ссылки с вашего блога в знак благодарности. (;

/*—————————————-

Креативные портреты художников 19 века. Только известные личности!

И опять о наболевшем. Если у вас в доме три кота, товары для уборки будут как раз кстати. Специализированная фирма белый кот предоставляет весь спектр товаров для евроуборки.

—————————————-*/

Популярность: 30%

Тэги: QIP, плагин, смайлы

Уже 109 комментариев. Оставь свой...

FuseR
16 августа 2009

прикольно.
но я что то не вижу с какими версиями вп проверялся.

что то непашет у тебя на блоге не в опере не в лисе.
Темыч
16 августа 2009

Очевидно,

У меня последняя версия WP [2.8.4] - все хорошо работает

P.S. На самом деле задача звучала немного по-другому, ну это мы еще обсудим с Жуком

P.P.S. Ссылаемся и выражаем благодарность автору плагина, ага
Avdenago
16 августа 2009

А как же “лицензирование” смайлов? На самом деле автор распространяет их с весьма жесткой лицензией, которая обязывает ссылаться на автора “колобков” с тех ресурсов, где они используются.
Artur Aynulin
17 августа 2009

Спасибо за плагин, в скором времени поставлю себе на сайт .
Жук
17 августа 2009

Сорри. Были технические неполадки.
2 Avdenago: значит нужно искать автора и с ним связываться… Ты случаем не знаешь, кто автор киповских смайлов и где в лицензии это указано?
seokiller
17 августа 2009

Блин иногда жалею, что мой блог на DLE, а не WP))
Жук
17 августа 2009

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

seokiller можно и под дле сделать
Терехов
17 августа 2009

Поставил себе этот плагин, немного подгружает блог, но зато здорово
Samar
17 августа 2009

WordPress forewer. Здорово, поставил на блог.
[m.k]
18 августа 2009

Установил себе - работает
killger
19 августа 2009

А на сайт http://www.kolobok.us/ вы отписали о создании этого плагина?
Думаю, автору будет интересно узнать о нем…
ЛОК
19 августа 2009

Хи, я считаю лишним анимированые смайлы, т.к. моя закрывающая скобка может выражать до сотни различных эмоций)))
Жук
19 августа 2009

2 ЛОК: +1
Дмитрий
20 августа 2009

2 ЛОК: +1. хотя свою аудиторию он найдет.
webbug: заливай на wordpress plugins. это ж монетизировать можно. и кстати, на azblog не лучше их справа от textarea поместить?
Жук
20 августа 2009

Да надо бы залить на Wordpress, только сначала нужно грамотное описание на буржуйском составить.
По поводу размещения: ну это уж как Темыч скажет
Barmaley
20 августа 2009

Не желает этот плагин работать совместно с MCEComments с http://mk.netgenes.org/my-plugins/mcecomments/
Что-то в js не поделили. А что, еще не понял.
webernie
21 августа 2009

Класс!!! Меняю дизайн блога и втыкаю эти смайлы себе!!
Юки
21 августа 2009

Беру смайлы ))))Люлю смайлы))))
iTeas
22 августа 2009

У меня на ВП 2.7 тоже прекрасно встали - спасибо! С ними ярче и веселей
Indigo_Black
22 августа 2009

На мой взгляд для блога лучше сборка “Мини Колобки Aiwan’а” у себя её использую с сочетанием плагина wp-Monalisa. Если у Вашего плагина есть возможность добавления новых смайлов, то безоговорочно ставлю (очень хорошо придумана кнопка “еще смайлы”, так намного красивее, чем несколько рядов смайлов под формой комментария, да и выводятся они куда красивее, а не кодом вставки изображения)
Владимир
23 августа 2009

Давно мечтал поставить себе подобное. И вот только что поставил, однако смайлики почему-то не вставляются. Не можете обьяснить присчину? Напишите подсказку
Жук
23 августа 2009

Да, добавлять свои смайлы можно, полько их нужно прописывать в файле package.php
Жук
23 августа 2009

Владимир, свяжитесь со мной по почте. Попробуем решить эту проблему.
Владимир
23 августа 2009

Письмо на почту отправил
Владимир
23 августа 2009

Спасибо, Жук, за оказанную мне помощь. Плагин заработал, все прекрасно.
Deimos
24 августа 2009

Написал маленький обзорчик Вашего плагина. Очень хороший плагин, огромное Вам спасибо!
masya
24 августа 2009

Спасибо. Поставил - работает!
ned
25 августа 2009

Спасибо за плагинчик, веселенький. Только когда на хостинге подключил, нагрузка возросла и траф увеличился, хз почему.
games
25 августа 2009

Хороший плагин, тоже поставил. После тестов отпишусь, что там с нагрузкой… Спасибо
Максим
26 августа 2009

спасибо!
давно искал)=)
MrBoris
26 августа 2009

Приветствую. Плагин хороший, но у меня он не хочет работать
Подскажите как исправить: отображает стандартные смайлики, а нажатие на кнопку Еще смайлики и на сами смайлики ничего ровным счетом не дает…
За ранее спасибо.
Barmaley
27 августа 2009

2 MrBoris
А какие плаги еще стоят и какой WP?
У меня такая же беда. Стоит WP 2.5
На обновление просьба не посылать, не пойду…
По результатам разборок, плаг при инициализации не добавляет в футер вызов своей жабьей части. Но после добавления вручную, толку мало. Ругается на ошибку в js. Текст сообщения сейчас не процитирую, но вот в этой функции:
function qips_insert(aTag)
в ветвлении: if(typeof input.selectionStart != ‘undefined’)
при работе с FF.

При работе с ИЕ, тоже ошибка в js, но где именно не нашел.
Владимир
1 сентября 2009

здравствуйте. помогите пожалуйста не прав отображаются смайлы. в чем причина?? не че не понимаю
Жук
4 сентября 2009

У одного пользователя проблема заключалась в том, что в его темке в файле footer.php отсутствовал вызов функции стандартной wp_footer();. Ее просто нужно туда вставить.
Попробуйте. Если не получится, пишите на мыло.
А вообще, переделаю вставку java кода в header.
Владимир
4 сентября 2009

Эта проблемка с вызовом функции wp_footer()была у меня. спаибо автору. помог исправить
Лео
9 сентября 2009

Товарисч, не кликаеццо ((
Жук
10 сентября 2009

Товарисч, читай выше!
Николай Гижицкий
11 сентября 2009

Ура!!!
Заработало!!!
Спасибо автору!!!
Кстати, тоже возникла проблема, в файле footer.php отсутствовал вызов функции стандартной wp_footer();.
Отредактировал файл, и все работает!
Долго я искал похожий плагин.
Еще раз спасибо!!!
Видео-уроки
11 сентября 2009

Один смайлик почему-то не работает!?
Посмотрите комментарии http://15wmz.com/1437
Жук
11 сентября 2009

Видео-уроки и все остальные. Выложил более свежую версию, где часть косяков исправлено. Розу заменил на “*ROSE*”
Жук
11 сентября 2009

Вот:
Видео-уроки
12 сентября 2009

Урааааааааа !
Заработало - http://15wmz.com/1437 - тест пройден успешно
Лео
12 сентября 2009

У меня wp_footer(); на месте, все равно не работает
razlom
24 сентября 2009

Браво жук Отличный модуль !!!!! Знал бы ты сколько я его искал ты б не поверил наверное! Спасибо огромное!
Владимир
26 сентября 2009

Жук просто молодец. Были у меня проблемы со смайликами. некоторые не работали. Поставил только что обновление, заработало. Бааааальшущее спасибо.
mychaelo
27 сентября 2009

Не желает этот плагин работать совместно с MCEComments

а не желает он потому, что qipsmiles работает с input, в то время как MCE заменяет его на WYSIWYG-поле. чтобы это поправить, нужно найти в qips-js.php функцию qips_code(qips_tag), а в ней строчку qips_insert(aTag); , которую нужно поменять на insertHTML(aTag); . функцию qips_insert теперь можно выбросить за ненужностью. после этого вставка смайла по клику будет работать.
Жук
27 сентября 2009

mychaelo, спасибо! Как буду собирать новую версию, поправлю
Barmaley
28 сентября 2009

mychaelo, спасибо большое! Помогло!
Про WYSIWYG-ифрейм я знал, а вот как использовать insertHTML();, не сообразил. Хоть в описании MCEComments она и упоминается.
Владимир
3 октября 2009

Ураааа!!! Пару проблем и все заработало
Георгий
31 октября 2009

Сразу спасибище за плагин. Тут вот какой нюанс - насколько я понял - смайлы взяты для светлого фона. Пришлось плагин допилить для темного. Если надо могу прислать пак этих смайлов.
Жук
1 ноября 2009

Георгий, йап, присылай!
Evgen
10 ноября 2009

Георгий,
может зальеье на рапиду или чето такое и выложите тут?
Буду очень признателен!
Mrs_Lazy
13 ноября 2009

Ну очень прикольно! Сорри, не удержалась, смысл моего коммента = 0, но уж больно хотелось вставить какой-нить смайлик!
SeoWife
16 ноября 2009

Спасибо тебе, золотой ты человек! Практически сам поставил мне эти смайлики!

Для непосвященных: я НАСТОЛЬКО темная, что даже не смогла сама найти шаблон комментариев в админке, если бы не терпеливая помощь Жука в аське - фиг бы у меня когда в блоге стояли нормальные смайлы. Ибо муж мой их презирает со своего высокого дорвейно-сеошного трона, и сам заморачиваться категорически отказался, зараза…

Так что вот тебе, спасибо огромнейшее!
mihabr
20 ноября 2009

А у меня,в комментариях, если использовать одни смайлы (без текста) в новом окне выдает вот это “Извините, обсуждение этой записи закрыто.” Это нормально или какой-то глюк?
Жук
20 ноября 2009

mihabr, это глюк и скорее всего не связанный со смайлами
mihabr
20 ноября 2009

А можно ли это как-то исправить
Жук
21 ноября 2009

mihabr, ответь на следующие вопросы:
* это воспроизводится для одного поста или для всех?
* до установки смайлов/других плагинов это было?
mihabr
22 ноября 2009

Отвечаю:
1)воспроизводится для всех постов
2)до установки смайлов/других плагинов этого не было
wcp
25 ноября 2009

Вот если б этот плагин не только для комментов, но и для создания новой записи - мммм, песня была бы!
mihabr
2 декабря 2009

Хочу сделать одно замечание по поводу плагина: после его установки не забудьте деактивировать плагин Aprove only russian comments (если ранее он был активен), иначе смайлы отдельно без комментария отображаться не будут
Жук
3 декабря 2009

mihabr, у тебя в этом проблема была?
mihabr
3 декабря 2009

Да, в этом.
сергей
11 декабря 2009

в опере и мозиле не работают
когда нажимаешь на смайл ничего не происходит

WP 2.8.5
WeBaRTer
11 декабря 2009

Чорд, Жук, не знаешь(те) как их можно прикрутить к админке?.. Неудобно, нужно еще чтобы и в постах смайлы были
Перерыл файлы админки но не понял куда впихнуть код
Жук
13 декабря 2009

сергей, на каком блоге?

WeBaRTer, как прикрутить знаю… Но что-то времени на это нет
Саша
23 декабря 2009

Тоже никак не вставляются смайлы по клику, помоги разобраться!
Это правильно будет?

function qips_code(qips_tag) {
var aTag;
aTag = ‘ ‘ + qips_tag + ‘ ‘;
insertHTML(aTag);

Может еще и от темы зависит? У меня тема _forthelose.org/themes/jynxed/
masya
28 декабря 2009

Плагин выдает ошиибку такую
но работает

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; OfficeLiveConnector.1.4; OfficeLivePatch.1.3)
Timestamp: Mon, 28 Dec 2009 10:38:44 UTC

Message: ‘null’ is null or not an object
Line: 31
Char: 1
Code: 0
URI: http://proautosport.kz/wp-content/plugins/qipsmiles/qips-js.php
BURATINOMAN
6 января 2010

Спасибо Жук за плагин. Супер. Тоже хотелось бы прикрутить смайлики к админки, для новых записей. Так держать .
Жук
8 января 2010

Ребят, сорри… счас со временем совсем напряг. Как появится минутка, посмотрю.
Александр Кривой
13 января 2010

Как будет время, глянешь?
У меня тема в блоге Guzel Pro Magazine 3.0 от Ahmed Fouad, плагин инсталится нормально - без ошибок, я смайлы прописываю текстом и в комментах - они есть!! Но самой строчки с анимашками нет, вот в чем проблема - да и я все символы смайлов в памяти не держу - только основные.. А как быть комментаторам? Не все знают как писать символами.. В общем - у меня проблема с неотображением строки всех смайлов рядом с полем ввода комментария
webarter
15 января 2010

Александр, читайте внимательней пост, там ведь написано что в месте где должна быть показана строка со смайлами нужно вставить код

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

в вашей теме!
Александр Кривой
15 января 2010

@webarter: Конечно же читал и пятый пункт выполнил. Все комменты тоже читали варианты пробовал.. но нет этих строчек со смайлами рядом с окном ввода комментария..
webarter
16 января 2010

Возможно не туда добавили, или плагин криво установился, или же не работает на вашем хостинге.

Также расположение кода важно, у меня например так:

<label for="url">Сайт</label>
<input class="textfield" type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />

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

<?php endif; ?>
mickey
2 февраля 2010

Отличный плагин
Юрий
17 февраля 2010

Помогите пожалуйста!

это я добавил, смайлы вот как у вас отображаются, но вот когда я нажимаю на смайл этот код не отображается в коментариях помогите пожалуйста очень хочу такие смайлы (((
Жук
17 февраля 2010

Юрий, поменяй в своей темке id для textArea вместо “replyMsg” на “comment”
Либо в коде плагина сделай обратную замену.
Юрий
17 февраля 2010

var actualSize = 200;
function qips_resizeTextarea(size) {
if((actualSize 0) || (actualSize >= 200 && size < 0)) {
actualSize += size;
qips_$(”replyMsg”).style.height = actualSize + “px”;
}
}

Заменил в фале qips-js.php плагина с comment на replyMsg, но всё равно не работает
Юрий
17 февраля 2010

Уря я наладил!! всё работает!! спасибо вам
Stas
26 февраля 2010

Смайлы почему то перестали работать на новой версии вордпреса 9.2, посмотрите в чем проблема пожалуйста.
Амброзий
27 февраля 2010

Огромное спасибо за плагин. Поставил, все работает
Света
5 марта 2010

А у меня работали, но сегодня почему-то перестали работать. В чем может быть причина?

И расстояния у меня между смайломи - большие. Как с этим справиться?
Жук
5 марта 2010

Stas, а что конкретно не работает?

Света, насчет отступов - все просто, у тебя в стилях выставлено, что картинки имеют отступ.
А по работе/неработе смотри выше по комментам. Там решали проблему с совместимостью с MCEComments.
Света
7 марта 2010

Света, насчет отступов - все просто, у тебя в стилях выставлено, что картинки имеют отступ.

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

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

Заранее спасиб.
Света
7 марта 2010

“файле footer.php отсутствовал вызов функции стандартной wp_footer()”

Может у меня тоже нет такой функции wp_footer(). В какое место в коде нужно поставить эту функцию?
Wolpix
15 марта 2010

Поставил на http://zmeyki.ru. Сами по себе отображаются и в записях и в комментариях, а вот когда при написании коммента кликаешь по ним - не работают
Жук
16 марта 2010

Света, вижу все уже решилось… Плохая из меня тех поддержка

Wolpix, не вижу особых причин для неработы… Какие-нибудь плагины для комментирования стоят? Какая версия wp?
Wolpix
16 марта 2010

Неа, шаблон только переставил на выходных, отключив все лишние плагины. Да и при старом шаблоне не работало Могу написать список активных плагинов и показать необходимые пхп файлы…
Версия 2.9.2.
Света
16 марта 2010

Жук, а как убрать рамочку вокруг смайлов в самих комментариях?
Жук
16 марта 2010

.art-PostContent img {
margin: 0;
}

после 768 строчки в style.css
Жук
16 марта 2010

Wolpix, что-то писали уже про 1.9. Надо себе поставить и поковыряться. К выходным посмотрю.
Wolpix
16 марта 2010

Если не тяжело - напиши, плз, на мыло результат
Олег
22 марта 2010

Жук спасибо за плагин ты дружище просто волшебник!! .Но имеется небольшая проблемка которую я не в силах без твоей помощи разрешить !!Проблема наверно уже обсуждалась в этих постах,но думаю неплохо было бы по подробнее описать решение!Плагин отлично встал и активировался ,НО!!внизу нажимая на смайлы и ссылку(Ещё смайлы)но при нажатии на них и (Ещё смайлы)просто не хотят отоброжаться .Сразу хочу сказать что вопросы по поводу отключения плагинов отподает!!!отключал все!!тоже самое!!!!
Версия 2.9.2,сайт на локалке пока!Эта поблема уже подымалась для версии 2.9.2 ,не мог бы ты дружище обрисовать:как лечить,в каком файле,что править,что добавить или удолить,номер строки!! Заранее спасибки!!
Жук
23 марта 2010

Олег, Wolpix, пока руки не дошли. Как только выпущу Жукладочник 3.0, сразу же займусь.
Кирилл
1 апреля 2010

Спасибо за плагинчик установлю на досуге на свой блог.
ICE
19 апреля 2010

Жук, тут была просьба от WeBaRTer`a прикрутит смайлы к постам в админке. Может пора озвучить как эт сделать ? Очень уж хочется нормальные смайлы в постах.
P.S. За плагин спасибо. Очень понравился.
Владимир
20 апреля 2010

Полностью поддерживаю ICE, действительно было бы здорово иметь смайлы в админке.
Вова
24 апреля 2010

Установил плагин все норм, но изображение смайлика когда вставляется в комментарий получается что залазит на сам текст. Короче не пойму как сделать что б текст комментария обтекал смайлик. Вот кусок из style.css который за это отвечает помогите че туда добавить.

#commentlist img {
margin:-2px 0 0 -25px;
position: absolute;
ACKET
5 мая 2010

Еще бы смайлы для темных дизайнов - было бы вообще прекрасно
Иван
25 мая 2010

как сделать чтобы эти смайлики появились во всех старых комментариях и во всех постах вместо двоеточий и скобочек ?
MorBlog
30 мая 2010

Спасибо за плагин
Анатолий
3 июня 2010

Спасибо за плагин,но возникла потребность в ограничение количество смайликов в одном посте(допустим 10 штук максимум)
Подскажите можно ли так сделать .
Зоя
18 июня 2010

Привет, Жук!
Спасибо тебе за плагин. Я - новичок. В админ.панели блога его активировала, а дальше:

где находится файл шаблона comments.php - на хостинге? Это прямо там вставлять код? У меня он называется cjmments-post.php.
evolian
23 июня 2010

На wp 3.0 полёт нормальный
Спасибо!
Scatman
27 июня 2010

Зоя

В админке –> Внешний вид –> Редактор –> Комментарии (comments.php) туда и вставляй.
Ольга
1 июля 2010

Спасибо большущее за плагин!
Поставила у себя на блоге, вроде работает нормально.
PS: У меня WP 3.0
Артем
3 августа 2010

Некоторые смайлы не работают…. Злость и чертик…
Жук
5 августа 2010

Правда?