Как добавить смайлики в движок вордпресс. Добавляем смайлики на WordPress блог без плагинов. Редактирование списка смайлов

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

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

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

Конечно, можно и без них. Но….

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

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

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

Ведь общаясь в комментариях, мы можем видеть только слова — нам не видны чувства, эмоции. А благодаря смайлам — мы это всё можем передать.

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

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

Вначале у меня стояли смайлы плагина Monalisa. Но через какое-то время я поняла, что это не совсем то, что я хотела. Их не очень много и набор эмоций весьма ограничен.

Тогда было решено установить плагин qip smiles, ведь qip смайлы многочисленны и могут передать большое количество эмоций и чувств.

Поэтому, друзья, сегодня я Вам расскажу, как установить это чудо себе на блог.

Скачать плагин себе на компьютер можно .

Плагин скачается в zip — архиве, открывать его не нужно, будем устанавливать его в таком виде.

Слева нажимаем на вкладку «Внешний вид» — «Плагины», откроется страница с плагинами, и вверху жмём на «Добавить новый».

Потом «Загрузить» и «Выбрать файл»

Откроется проводник Вашего компьютера, Вы находите плагин qipsmiles, который только что скачали и нажимаете «Установить».

Когда плагин установится (это займёт пару секунд), нажимаете «Активировать» — и плагин появится на странице со всеми плагинами.

Теперь надо сделать небольшие изменения в коде.

Не пугайтесь, это совсем несложно — мы сейчас это разберём.

Слева нажимаем вкладку «Внешний вид» — «Редактор» и справа надо нажать на ссылочку «Комментарии» (comments.php).

В открывшемся коде внимательно смотрим — нам надо найти строчку со словом textarea (кликабельно)

Вот под этой строчкой нам надо будет вставить вот этот код:

У меня это выглядит так (жёлтым отмечена строчка в Редакторе, голубым -код, который надо вставить), кликабельно

Смайлики у Вас будут расположены ниже формы комментариев. Если же Вы желаете, чтобы смайлы были над формой комментариев, то тогда код надо поставить НАД строчкой в Редакторе.

Нажимаете внизу «Обновить файл» и всё. Таперь qip смайлы будут красоваться в форме комментариев и радовать Ваших читателей и комментаторов!

Да, то, что Вы видите в форме комментариев — это ещё не все смайлики, нажмите «Ещё смайлы» и они предстанут перед Вами во всей красе

А как Вы считаете, друзья, нужны ли смайлы на блоге или и так хорошо, без них?

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

Здравствуйте, друзья! Давно я не публиковал новых статей про WordPress. Дело в том, что блог мой уже устоялся — установлены и настроены основные плагины, что-то где-то сделано чисто на коде, и особо менять или добавлять нового не приходится. Остается только допиливать некоторые мелочи, связанные в основном с внешним видом блога. Одна из таких мелочей — смайлики WordPress . Вот о них сегодня и поговорим.

Смайлики в WordPress есть по умолчанию, только многие о них даже не знают, ибо их еще следует включить в настройках. Переходим в раздел «Параметры» — «Написание» и включаем опцию:

Полный список всех доступных смайликов в настройках не указан, зато его можно найти в кодексе WordPress. Вот он:

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

Поменять смайлики можно в ручную, благо это несложно.

  • с новыми смайликами себе на компьютер и распаковываем его.
  • Все иконки лежат на сервере в каталоге /wp-includes/images/smilies . Нам необходимо в ручную подменить стандартные файлы на новые. WP все равно, какую картинку выводить.
  • Если требуется добавить новый смайлик, аналога которому в WP нет, то его еще нужно прописать в файле /wp-includes/functions.php . По умолчанию в нем можно увидеть следующий код:
    function smilies_init() { global $wpsmiliestrans , $wp_smiliessearch ; // don"t bother setting up smilies if they are disabled if ( ! get_option( "use_smilies" ) ) return ; if ( ! isset ( $wpsmiliestrans ) ) { $wpsmiliestrans = array ( ":mrgreen:" => "icon_mrgreen.gif" , ":neutral:" => "icon_neutral.gif" , ":twisted:" => "icon_twisted.gif" , ... ":!:" => "icon_exclaim.gif" , ":?:" => "icon_question.gif" , ) ; }

    Просто добавляете новую строчку, в которой указываете ключевые символы и соответствующую им иконку. Для удаления смайлика — сотрите строчку, относящуюся к нему, и удали иконку из папки.

Как добавить смайлики в комментарии WordPress в ручную

Чтобы иметь возможность выбирать смайлики в комментариях WordPress, откройте на редактирование шаблон comments.php из вашей темы WP и перед кодом (в зависимости от темы он может несколько меняться):

< textarea name= "comment" id= "comment" cols= "65" rows= "10" tabindex= "4" >

вставьте скрипт:

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

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

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

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

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

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

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

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

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