Плагин смайлов qip smiles. Добавляем смайлики на WordPress блог без плагинов Установка плагина qip smiles

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

КАК ДОБАВИТЬ СМАЙЛИК

Очень просто, нужно только зайти на FSymbols . На этом сайте представлена большая коллекция смайликов. Картинки самые разные: есть забавные, но есть и вполне серьезные. Смайлики могут отображаться на самых разных платформах: в почтовых клиентах, мессенджерах, а также в социальных сетях, таких, как ВКонтакте, Facebook и Twitter.

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

Однако нужно отметить, что не всегда смайлики отображаются корректно. В таких почтовых клиентах, как Gmail или Mail.ru, не удается вставить цветную картинку – все смайлики черные. Это, в общем, даже и не плохо, главное, чтобы смайлик был понятен.

Кроме того, порой во всплывающем окне отображается не картинка, а квадратик. Это какой-то врожденный баг: при вставке в сообщение смайл все равно появляется.

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

КАК ОТКЛЮЧИТЬ СМАЙЛИКИ В WORDPRESS

Система управления контентом WordPress в каждой своей новой редакции получает дополнительные функции. Некоторые из них настолько незаметны, что про них легко забыть при создании сайта. К примеру, в версии 4.2 WP предлагает использовать множество новых смайликов-эмоджи, которые помогут сделать пост более выразительным. Для отображения смайликов WordPress запускает скрипт WP-Emoji-release.min.js, после чего можно вставить выбранную картинку в текст. Тем не менее бывают ситуации, когда смайлики не нужны. К примеру, сайт или блог посвящен серьезной проблеме и смайлы в тексте или комментариях будут совершенно неуместны. Поэтому эту функцию лучше отменить. Есть два способа сделать это:

ИСПОЛЬЗОВАНИЕ WORDPRESS HOOK

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

• Откройте папку с темой WordPress и откройте файл functions.php

• Добавьте в файл следующую строку: remove_action ("wp_head", "print_emoji_detection_script", 7); remove_action ("wp_print_styles", "print_emoji_styles");

• Сохраните файл и перезагрузите любую страницу сайта. Это поможет удалить сценарий и стили, необходимые для отображения смайликов.

ИСПОЛЬЗОВАНИЕ WP-ПЛАГИНА

Если же по какой-либо причине нет желания вносить изменения в файл functions.php, то можно использовать плагин, которые отключает функцию показа смайлов.

• Для этого нужно в админ-панели кликнуть по ссылке Plugin и выбрать в меню «Добавить»

• Затем нужно будет скачать сам плагин вот по этой ссылке .

• После этого плагин потребуется установить и активировать

В плагине нет никаких настроек, он полностью отключает функцию. Причем действует настолько кардинально, что смайлики не показываются даже при смене темы.

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

И снова здравствуйте!

Не помню точно что натолкнуло меня на мысль установить смайлы на этот сайт. Вроде знакомый устроил мне разбор смайлов в мессенджере «QIP infium», которым я пользуюсь уже не первый год и я загорелся желанием прикрутить смайлики сюда.

Немного поискав подходящий плагин для WordPress, наткнулся на этот , решил использовать его, но не тут-то было - я хотел другой вывод, и хотел упростить проверку на замену символов на смайлики. А еще, мне не нужно было так много смайликов . Все свои желания я конечно мог реализовать, отредактировав вышеупомянутый плагин, но я как-то, почти случайно, начал писать свой код, который в итоге превратился в плагин, вроде довольно удачный

О плагине смайликов для WordPress

Что делает плагин:

• заменяет стандартные смайлики WordPress, на смайлики из QIP.
• добавляет список смайликов к полю комментирования. Какие смайлики попадут в список указывается в настройках.
• добавляет смайлики в админ-панель, где можно легко их вставлять при ответе на комментарии или написании поста.
• упрощает поиск и замену кодов смайликов в тексте.

Настройки Kama WP Smiles

Расскажу немного о настройках

Ручная вставка блока смайликов в форму комментирования

Плагин автоматически добавляет смайлики к форме комментариев (textarea). Однако может получиться так, что нормально встроить список у плагина не получиться. В таком случае, вы можете вставить блок смайликов вручную, в любое место шаблона. Для этого оставьте поле "Авто-вставка смайлов" в настройках пустым, так вы отключите авто-вставку, и при помощи php кода вставьте блок в нужное место шаблона (обычно где-то в файле comments.php):

Этот код выведет блок смайликов.

HTML теги исключения

В этой настройке можно указать HTML теги, текст в которых не будет обрабатывался плагином. Например, если там указать code , то следующий код не будет обработан плагином:

улыбочка:) .

Теги нужно указывать через запятую.

Специальные обозначения смайликов (смайлики исключения)

По умолчанию смайлики определяются в тексте по коду (:название_файла_смайлика:) , но есть исключения. Например смайлик обозначается как:-) или:) или =) , а его родной код (:smile:) . По умолчанию 3 таких исключения: :) :(:D . Такое ограничение связано с небольшой оптипизацией... Такие исключения можно настроить в плагине.

Редактируем внешний вид

Если вас не устраивает как выглядит список смайликов, то его можно отредактировать, при условии что вы знаете css, для этого нужно изменить CSS правила в поле "CSS стили". Чтобы стили не хранились в настройках, стили можно скопировать в свой файл стилей, при этом удалить их из настроек.

Установка своего комплекта смайлов

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

Чтобы дополнить список, всего-то нужно создать рядом с папкой плагина папку kama-wp-smile-packs и добавить в нее свой комплект смайликов-картинок. Т.е. в итоге у вас должна получиться такая папка с картинками смайликов: /wp-content/plugins/kama-wp-smile-packs/mypack/*.gif . После создания такой папки, нужно зайти в настройки и выбрать новый появившейся пакет смайликов.

В тексте записи будет использоваться конструкция (:название_файла:) . Например, если вы добавите картинку emotion.gif в тексте этот смайл будет вставляться как (:emotion:) .

В названии файлов допускаются только нижний регистр латинских букв a-z , цифры 0-9 , знаки - и _ . Если файл имеет какие то другие знаки, то он не будет работать.

Фильтрация - удаление кода смайликов из текста

Если нужно где-то отфильтровать текст (не показывать код смайликов), то примените такой фильтр:

$text = "Пробный текст (:good:)"; $text = preg_replace("/\(:{0,15}:\)/", "", $text); echo $text; // вернет: Пробный текст

Как встроить плагин в другие поля, например в BbPress, Quick Chat

Плагин по умолчанию работает только для комментариев и записей. Если нужно «прикрутить» его куда-то еще, то вам пригодятся следующие функции и немного знаний css:

• kws_get_smiles_html($textarea_id) - выводит блок смайликов для textarea
• kws_convert_smiles($content) - обрабатывает контент на выходе, чтобы сделать из кодов смайлов картинки

В случае внезапных проблем, глюков, багов и «ещечего» или если просто появится желание написать что-то примерно такое - , пишите в комментарии

С момента своего появления смайлики стали неотъемлемым атрибутом разных интернет чатов и мессенджеров. Они помогают передать своего рода эмоции, которые могут заменить те или иные слова в тексте или добавить определенного окраса напечатанной фразе. Отношение к этим графическим элементам неоднозначное — кто-то смайлы любит, кто-то считает их излишеством, некоторые пользователи предпочитают символьные смайлики, например:-) кому-то наоборот больше нравится графическое изображение. Как бы там ни было, изначально в wordpress имеется возможность использовать смайлы в любом виде. Хотя при этом за счет плагинов базовые опции системы можно расширить, чем сегодня и займемся.

Текстовые смайлы можно использовать где угодно — будь то текстовый файл в word, html интернет сайт или вордпресс, для этого не нужен какой-то специальный функционал. Тем не менее в данной cms есть также возможность автоматического их преобразования в графические картинки. Для этого заходим в меню «Параметры» — «Написание» и в самом верху странице в блоке «Форматирование» находим строку — «Преобразовывать смайлики в картинки»:

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

Все это хорошо и весело, только вот базовый набор смайлов далек от совершенства. Работая над одним из сайтов, пришлось поискать дополнительные решения для расширения возможностей работы со смайлами — в частности, добавлении большего числа картинок. В принципе, насколько я понял, базовый набор смайликов можно расширить и в ручную, но проще все же поискать плагины. Следует также заметить, что в буржунете нашел парочку сборок имеющихся плагинов, но разобравшись с ними более детально, большая часть из модулей оказалась либо морально устаревшими либо вообще не работающими. Я выделил лишь парочку, с которым, на мой взгляд, можно было попробовать поработать в дальнейшем.

Начну, пожалуй, с того плагина смайликов, который в итоге и выбрал для . В описании к плагину сказано, что Speedy Smilies поднимает возможности смайликов на новый уровень. Во-первых, данная реализация позволяет им быстрее грузиться для пользователей блога, во-вторых, авторам (не использующих продвинутые текстовые редакторы) будет удобнее все эти смайлы добавлять — на странице постинга появится новый элемент. Кроме того, данный плагин позволят достаточно быстро менять используемые наборы смайликов, поскольку в нем имеется сразу 4 различных «палитры»

Все размеры смайликов почти одинаковые — 16х16 и 16х15 пикселей, но в наборах есть разное число иконок. Можно выбрать минимум изображений, можно максимум — кому как больше нравится. Установка плагина Speedy Smilies простая — скачиваете архив плагина , распаковываете и заливаете на ФТП в директорию wp-content/plugins/. После этого в админке в разделе Плагины активируете его. В меню «Внешний вид» появится пункт Speedy Smilies, где следует произвести настройку модуля — выбрать понравившийся набор смайликов. Большим плюсом плагина я бы назвал его новизну, официально поддерживаются версии wordpress от 3.0 до 3.2.1, хотя думаю и на более старших будет работать — там ведь простой функционал.

Этот плагин позволяет вам менять определение различных смайликов в wordpress. Принцип работы заключается в том, что вы сначала загружаете в специальную директорию смайлики, а потом в настройках модуля их определяете — задаете соответствие между набором символов типа «>, Параметры -> Написание и ставим галочку «Преобразовывать смайлики в картинки ».

Вывод смайлов в комментариях

Теперь необходимо добавить их в форму для комментариев, чтобы пользователи имели возможность использовать их при написании комментариев. Для этого необходимо вставить функцию, которая приведена ниже, в форму комментирования, которая находится в файле comments.php. Скрипт на javascript отвечает за вставку смайликов в поле текста комментария. А функция php выполняет вывод смайлов в форме комментирования .

function addsmile($smile){ document.getElementById(‘comment’).value=document.getElementById(‘comment’).value+’ ‘+$smile+’ ‘; }