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

Вопрос  как разбился на 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 подгоняем размеры окна под нужные нам…
чистим всемозможные кэши, включая браузерные, и получаем:

Квиповские иконки в админке

Вот если кто ещё подскажет как бы не хардкодно вывести ява скриптом иконки, то было бы вообще супер !

ps: А ещё редактор безбожно уродует код внутри тэгов code, за что хочется его … эээ.. отформатировать вместе с винчестером.

© 13-ый Нет комментариев |
Post tags: Qip Smiles, TinyMCE Advanced, WordPress, админка, Блог, смайлики

Ну как мучался… мне надо было css и js включить в страницу  и добавить у ссылок на фотки класс …

Ну я ж как человек привыкший общаться с phpBB, DataLife Engine и тд , полез сразу в код, искать куда надо как это принято называть «хак» вставить…

А мне по рукам – куда лезешь, хам! В WordPress это называется не хак, а плагин… и работает так же, изящно как плагин.. Через Plugin API.

Вот нашел плагин, который это реализует:

function wp_autothickbox_replace( $content ) {
$pattern = "/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>(.*?)<\/a>/i";
$replacement = '<a$1href=$2$3.$4$5$6>$7</a>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}

add_filter( 'the_content', 'wp_autothickbox_replace' );

function wp_autothickbox_header() {
$dir = get_option( 'siteurl' ) . '/wp-content/plugins/wp-autothickbox';
echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"{$dir}/thickbox.css\" />";
wp_enqueue_script( 'thickbox', "{$dir}/thickbox-compressed.js", array('jquery'), '3.1' );
}

add_action( 'wp_print_scripts', 'wp_autothickbox_header' );

Что же тут делается?

Объявляются 2 функции :

wp_autothickbox_replace – делает нужную нам подстановку
wp_autothickbox_header – добавляет нужные нам css и js в заголовок страницы.

далее подключаем к стандартному функционалу наши функции:

add_filter( ‘the_content’, ‘wp_autothickbox_replace’ ) – фильтр на содержимое страницы

add_action( ‘wp_print_scripts’, ‘wp_autothickbox_header’ ); – Событие куда мы подцепили подключение нужных файлов.

и всё! никакой правки кода, сохранили файлик в папку плагинов – нажали в админке кнопку активировать.

Не знаю как вы, а я в восторге! надо обязательно изучить эту систему и её устройство !

© 13-ый Нет комментариев |
Post tags: WordPress, Блог