WordPress, Qip Smiles или как я боролся со смайликами

13-ый Ноябрь 15th, 2009 05:40

После многочисленных комментариев пользователей, что стандартные смайлики – полный отстой, пришлось искать как и главное какие смайлики встроить в блог…

Вопрос какие решился в пользу квиповских смайликов, так называемый стиль «колобок».

Вопрос как разбился на 2 части – в комментариях и в записях.

С комментариями оказалось всё просто, нашелся плагин, который так и называется – Qip Smiles.

Дальше, оказалось чуть сложнее, захотелось иметь такие же смайлики и в записях…

Сначала, я просто поменял часть стандартных смайликов (/wp-includes/images/smilies/) на подходящие квиповские из плагина… Но не давно вышло обновление блога и я случайно затер новые смайлики…
Сопоставлять их заново не хотелось, да и не совсем она совпадают. Тогда я порылся в нете и нашел другой способ.

Надо переопределить массив

 global $wpsmiliestrans;

Чтоб не мелочиться и не писать новых плагинов, я чуть модернизировал плагин Qip Smiles:
- в файл /wp-content/plugins/qipsmiles/smiles/package.php, содержащий список смайликов (если вам нужно добавить свой – то добавляйте их в этой файл), добавил выше упомянутый массив, в него добавил текст из находящихся ниже в этом файле массивов, вышло как то так:

Текст обрезан, но идея понятна

- удалил стандартные иконки из /wp-includes/images/smilies/ и записал туда иконки от плагина /wp-content/plugins/qipsmiles/smiles/

и всё! теперь смайлики идентичны, хотя и лежат в разных папках. По идее можно ещё сделать чтоб они лежали в одном месте, н-р, в плагине путь поправить к смайликам блога, а не своим. Но пока мне лень, может потом так и сделаю. Опять же в случае обновления блога, если снова затру смайлики, то всегда можно взять копию из папки плагина

Далее нарисовалась новая проблема, если для комментариев выводится плагином панелька со смайликами, то что делать с админкой. У меня в принципе отображается кнопка ввода смайликов, т.к. стоит плагин TinyMCE Advanced. Но размер отображаемых смайликов слишком мелкий – он заточен под стандарт, а квиповские крупнее. Да и отображаются они не все.

Пришлось полезть в код. В итоге нашелся вот этот файлик -
/wp-content/plugins/tinymce-advanced/mce/emotions/emotions.htm ,
где вручную прописаны выводимые смайлики:

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

 onclick="javascript: qips_code(

на

 onclick="javascript:EmotionsDialog.insert(

а так как меня всегда убивало это окошко со смайлами, без кнопки закрытия, то добавил после этого кода код кнопки закрытия окна со смайликами:

В файлике /wp-content/plugins/tinymce-advanced/mce/emotions/editor_plugin.js подгоняем размеры окна под нужные нам…
чистим всемозможные кэши, включая браузерные, и получаем: