Установка смайликов на WordPress. Добавляем смайлики на WordPress блог без плагинов Смайлы для вордпресс

Не все пользователи вордпресс знают, что в данной CMS есть возможность вывода стандартных смайликов в статьях или комментариях. Но мало того, стандартные «улыбки», мы вполне может заменить на свои. Что же нужно, для вывода смайлов и замены стандартных картинок на свои?

После того, как все подготовительные работы сделаны, нужно заменить стандартные изображения на новые. Для этого, на сервере, с помощью бесплатного ftp-клиента , нужно найти папку с картинками. Она находится обычно по следующей директории: public_html/wp-includes/images/smiles. После замены, обновите страницу сайта и посмотрите на результат. Он должен быть таким:

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

Да, не забудьте перед началом редактирования файлов wordpress — сделать резервную копию сайта . Чтобы в случае полного провала и уничтожения сайта:), его можно было восстановить.

До новых встреч! У меня получилось и у Вас получится!

Подавляющее большинство блоггеров (если не все, то 95% точно) используют самый популярный движок для блогов — . Одним из самых интересных достоинств этого движка является встроенная система комментирования постов.

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

Чтобы внести в этот полезнейший инструмент дополнительную эмоциональность — рекомендую обязательно добавить себе на блог возможность использования смайликов в комментариях.

Тем более, что возможности для этого есть. Сегодня я расскажу Вам об одном замечательном плагине для WordPress — Qip smiles.

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

Приступим к делу.

1. Установка плагина qip smiles.

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

Для начала нужно скачать сам плагин. Сделать это можно с сайта автора .

Там все подробно описано, поэтому не буду сейчас на этом останавливаться. Переходим сразу ко второму вопросу.

2. Настройка отображения смайлов на Вашем сайте.

Просто установить плагин не достаточно. Нужно указать Вашей CMS куда именно добавить смайлики.

Для этого надо добавить в код Вашего шаблона одну единственную php-инструкцию:

Вопрос в другом — куда именно ее добавить. Логичнее всего добавить смайлики ниже формы ввода текста комментария.

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

Для этого мы будем использовать дополнение к браузеру Mozilla Firefox — Firebug. На мой взгляд это самый необходимый инструмент веб-мастера. Где его взять и как им пользоваться я описал в

Итак, смотрим видео, как найти место для вставки смайлов в WordPress:

Находим нужное место и вставляем туда вышеуказанный код. Все просто! Теперь смайлики должны появиться у Вас на сайте.

3. Возможные проблемы и неполадки.

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

Большое им спасибо за это.

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

Я начал искать решение. И обнаружил, что очень многие люди жалуются на подобную проблему.

А вот решение я нашел только в одном месте (хотя, может есть и еще где-то... я просто потом дальше не искал )

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

А именно:

Находим файл qips-js.php (находится он в папке плагина: /wp-content/plugins/qipsmiles). Открываем его.

Находим в этом файле функцию: qips_code (qips_tag), а в ней строчку

Сохраняем файл. Все! Теперь смайлы должны работать правильно.

Иногда еще проблема бывает связана с отсутствием в файле footer.php вызова стандартной функции wp_footer ();. Ее просто нужно туда вставить. Просто перед закрывающим тегом прописываем:

4. Добавление смайлов в плагин Qip Smiles.

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

Можно самим редактировать и добавлять новые смайлики в плагин. Делается это не сложно.

Заходим в папку плагина /wp-content/plugins/qipsmiles/smiles. В ней лежат картинки самих смайлов и файл с их описанием package.php

Открываем этот файл и видим два массива:

• $main_smiles_array — массив с основными смайликами, которые показываются по умолчанию;
• $smiles_array — массив с дополнительными смайлами, которые отображаются после нажатия кнопки «Еще смайлы».

Вы можете добавить новые записи в эти массивы (по образцу) или заменить старые. Записи имеют формат:

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

Вот такой полезный и интересный плагин для WordPress — Qip Smiles.

Пользуйтесь на здоровье. Удачи Вам.

Здравствуйте, дорогие читатели блога «Интернет Капуста»!

Вот наступил новый день. Я начинаю его на позитиве, и стараюсь делать это всегда.

Вот, на этой ноте хотелось бы сразу же задать вам вопрос:

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

Не слишком ли много вопросов? Но эти вопросы я задаю не просто так. Как известно, позитив нам придаёт больше сил, а смех продлевает жизнь. Всё это вы уже слышали не раз, и как бы не были избиты эти фразы, но они работают и работают отлично, если отнестись к ним серьёзно.

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

Просто надо учиться, пробовать разные методы и анализировать. Самое главное, это не отчаиваться, если сразу не получается. Надо просто уметь посмеяться над ошибками и неудачами и помнить, что за закатом всегда наступает рассвет.

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

Да, да, не хватает смайликов! Тех маленьких и смешных колобков, которые обычно помогают нам показать свои эмоции в полной мере.

Что такое смайлики и зачем они нужны?

Смайлик (англ. smiley - «улыбающийся») или счастливое лицо́ (☺/☻) - стилизованное графическое изображение улыбающегося человеческого лица; традиционно изображается в виде жёлтого круга с двумя чёрными точками, представляющими глаза, и чёрной дугой, символизирующей рот. Смайлики широко используются в популярной культуре, само слово «смайлик» также часто применяется как общий термин для любого эмотикона (изображения эмоции не графикой, а знаками препинания).

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

Как установить смайлики на сайт?

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

Сегодня мы рассмотрим один из плагинов, который автоматически легко добавит смайлики на ваш сайт и тем самым украсит его разнообразными эмоциями. Называется этот плагин wp-Monalisa и установить его на сайт можно двумя способами.

Первый способ – это как обычно зайти в админ. панель вашего сайта, в раздел Плагины – Добавить Новый и в поисковой строке вписать название плагина. Установка стандартная.

Второй способ – это скачать его на официальном сайте по адресу:

http://wordpress.org/plugins/wp-monalisa/

И, скачав на компьютер, проверить антивирусом и потом зайти в панель администрирования сайта: Плагины – Загрузить – Выбрать файл – Установить – Активировать.

После установки этого плагина появится раздел в админ. Панели сайта: wp-Monalisa.

Когда вы зайдёте первый раз после установки, то увидите, что у вас появилась вот такая строка:

Она переводится как: Пожалуйста, выключите Настройки -> Написание -> Преобразование смайликов, для того, чтобы использовать плагин WP-Monalisa смайликов).

Сейчас так и сделаем.

Идём в Настройки (Параметры) – Написание – И снимаем галочку в пунктике: Преобразовывать смайлики наподобие и:-P в картинки.

Обновляем страницу с настройками плагина и видим, что строка исчезла.

Теперь рассмотрим настройки плагина WP-Monalisa.

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

Следующий пункт Show smilies on edit – показывать смайлики в редакторе, то есть показывать смайлики в редакторе ваших записей.

Show smilies on comment – этот пунктик обозначает, что смайлики будут отображаться в комментариях .

Если мы зайдём в редактирование записи, то появится новое поле со смайликами, которые можно вставлять в текст статьи.

Как же теперь настроить плагин?

Рассмотрим настройки поподробнее.

Replace emoticons with html-images – обозначает, как смайлики будут отображаться в поле комментариев.

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

Желательно этот пункт отключить, чтобы не пугать своих комментаторов. Для этого снимаем эту галочку.

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

Следующий пунктик Replace emoticons with html-images – означает, как именно вы хотите отображать смайлики: иконка, текст или оба варианта. Попробуйте разные варианты, но мне кажется, что предпочтительнее будет оставить только значение иконки.

Show smilies in a table – Это способность показывать смайлики в виде вертикальной таблицы. Вкусы у всех разные и дизайн сайта тоже, поэтому вы можете выбрать этот пунктик, поставив галочку или оставить горизонтальное расположение смайликов по умолчанию. Также можно задать количество столбцов.

Show smilies as Pulldown – показывать смайлики в виде выпадающего списка. Здесь можно задать количество самых популярных смайликов, чтобы они отображались в том количестве, который вам наиболее благоприятен. У меня галочка не стоит на этом пунктике и выводятся все смайлы. Но это кому как нравится! Если у вас их очень много, то желательно не загромождать пространство и активировать этот пунктик.

Show tooltip for icons – показывать подсказки для смайликов. То есть, если пунктик активирован и вы курсором мышки наводите на смайлик, то будет отображаться подсказка эмоции смайлика. Это тоже на ваше усмотрение. У меня подсказка стоит, поэтому вы можете оценить это прямо сейчас на моём сайте в комментариях.

Не забывайте нажимать на сохранение всех изменений, чтобы они вступили в силу.

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

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

Если у вас хостинг Спринхост, то по следующему пути:

Дополнительно – Файловый менеджер — public_html — сайт (здесь название вашего сайта) — wp-content – plugins — WP-Monalisa – icons.

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

Для этого надо заранее скачать себе на компьютер архив интересных смайликов.

Вот и всё. Мы разобрались, как

Как установить смайлики на сайт? Плагин wp-Monalisa.

Плагин работает отлично и надеюсь доставит удовольствие и разнообразит эмоции при написании текста.

Если вам была интересна и полезна данная статья, то не забывайте делиться информацией с друзьями – нажимайте на кнопочки социальных сетей!!!
С уважением автор – Лариса Мазурова.

Посмотрите замечательную песню про смайлик в исполнении Верки Сердючки:

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

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

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

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