Плагин смайлов qip smiles. Установка смайликов на WordPress Смайлы для wordpress

Продолжаем украшать ваш сайт. И на сей раз объектом нашего внимания является плагин для установки смайликов на блог WP-Monalisa . Кстати, а вы знаете, зачем они нужны? Что за глупый вопрос? Конечно же, они нужны для того, чтобы посетители сайта и заядлые комментаторы ярко выражали свои эмоции не только словами, но и весёлыми, грустными или злыми картинками. Вот так вот. Ну что ж, приступим к установке этого замечательного плагина.

Устанавливается он обычным способом через консоль. Консоль -> Плагины -> Добавить новый и в поиск вбиваем WP-Monalisa . Появляется один единственный плагин, его и устанавливаем, а затем активируем.

В меню консоли появились его настройки, переходим. Давайте приступим к настройкам плагина WP-Monalisa.

  • Iconpath – это путь к смайлам на вашем сайте. Как видим, по умолчанию это wp-content/plugins/wp-monalisa/icons Свои картинки можно закинуть по тому же пути.
  • Show smilies on edit – данный пункт отвечает за показ смайликов в редакторе записей. То есть все смайлы вы сможете вставлять и в ваши записи.
  • Show smilies on comment – а это позволить вашим посетителям вставлять смайлы в свои комментарии.
  • Replace emoticons with html-images – выбираем способ отображения смайлов. Если оставить пункт включённым, то при вставке картинки в комментарии будет отображаться длиннющий код. Поэтому лучше его отключить.
  • Show smilies in a table – поставив здесь галочку, можно сделать так, чтобы смайлы в выборе отображались в виде вертикальной таблицы, подстраиваясь под дизайн вашего сайта.
  • Show smilies as Pulldown – смайлы будут представлены виде выпадающего списка.
  • Show tooltip for icons – данный пункт будет показывать подсказки к смайлам, какую именно эмоцию означает смайлик.

    • Под настройками вы сможете поэкспериментировать со смайлами. Их очень много, а ещё у вас есть возможность удалить, заменить, поменять местами или закачать свой смайлик. Для установки своей сборки нужно его найти и скачать или даже нарисовать самому, а затем загрузить на свой хостинг по этому пути вашсайт.ру/wp-content/plugins/wp-monalisa/icons Такой вот полезный плагин!

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

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

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

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

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

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

    Вообще говоря, смайлы это достаточно хороший способ выразить свои эмоции, будь это пост или комментарий к посту. Но нужны ли смайлики на блоге ? Ведь главной задачей вебсайта является содержание необходимой информации, а они никакой информации, по сути, не содержат. Однако не стоит забывать, что веб-сайт в первую очередь подстраивается под пользователя. Именно поэтому учитываются многие факторы при построении сайта. Судя по логике смайлики, являются некоторым «удобством» для пользователей.

    Давайте рассмотрим все плюсы использования смайлов в комментариях :
    1.Ни для кого не секрет, что поисковые системы учитывают поведенческие факторы посетителей, одним из которых является продолжительность нахождения на сайте. Смайлики позволят ненадолго задержать посетителя, а именно их подбор при комментировании.
    2.Большинство людей привыкли повседневно выражать свои эмоции с помощью смайлов. Они окружают нас везде: в смс, в социальных сетях, на форумах и так далее. Таким образом смайлики в комментариях станут неким удобством для пользователей, что является тоже маленьким плюсом.
    3.Как многие могут заметить, статьи и комментарии со смайликами выглядят наиболее приятнее и даже читаются охотнее, нежели без них. Учитывая конечно то, что они к месту и не излишни.

    Смайлы без плагина на WordPress

    На самом деле в Wodpress изначально есть смайлики, но выглядят они как-то не привлекательно и уныло. Для тех, кого это устраивает, вы можете использовать стандартные смайлы вордпресс .

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

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

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

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