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

С момента своего появления смайлики стали неотъемлемым атрибутом разных интернет чатов и мессенджеров. Они помогают передать своего рода эмоции, которые могут заменить те или иные слова в тексте или добавить определенного окраса напечатанной фразе. Отношение к этим графическим элементам неоднозначное — кто-то смайлы любит, кто-то считает их излишеством, некоторые пользователи предпочитают символьные смайлики, например:-) кому-то наоборот больше нравится графическое изображение. Как бы там ни было, изначально в 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. Принцип работы заключается в том, что вы сначала загружаете в специальную директорию смайлики, а потом в настройках модуля их определяете — задаете соответствие между набором символов типа «>, как раз после того места, где у нас прописана форма кнопки в моем случае, как я уже писал это «отправить».

Все плагин работает! Больше ничего настраивать не надо.

Ставим смайлы в комментариях при помощи плагина Wp-smiley.

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

Теперь нам надо поменять обычные смайлы на готические. Для этого сначала скачайте готические смайлики . Потом откройте программу , введите свои данные и подключитесь, зайдите в папку httpdocs (или public_html , www, domains,) => wp-includes => images, и удалите папку smilies.

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

Если их нет, идем в комментарий (comments.php), как с плагином Qip smiles и вставляем этот код под формой комментариев. Все так же как с плагином Qip smiles просто код поменяйте.

Ок, помните я упоминал, что у плагина Wp-smiley есть удобная функция по сравнению с Qip smiles. Итак, дело в том, что в статью смайлики из плагина Qip smiles надо ставить, вручную прописывая каждый раз код смайлика, это достаточно неудобно если честно. А вот с плагином Wp-smiley, когда вы пишите свой статьи появится такая иконочка черного смайла при нажатие, на которого можно сразу выбрать понравившийся смайл из всего списка не вспоминая какой у каждого из них код.

Также если вам не нравятся черные смайлики можете скачать смайлы из Вконтакте. Установка такая же, как и с черными смайлами.

Кстати, если будете менять смайлики в плагине Wp-smiley, никогда больше не , а то черные смайлы исчезнут, а на их место снова встанут те старенькие смайлики. На этом все, удачи (походу я тут переоптимизировал под слово смайлы -_- ).

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

Не помню точно что натолкнуло меня на мысль установить смайлы на этот сайт. Вроде знакомый устроил мне разбор смайлов в мессенджере «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) - обрабатывает контент на выходе, чтобы сделать из кодов смайлов картинки

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