Смайлики в WordPress — какие коды смайлов вставлять, а так же плагин Qip Smiles (красивые смайлики для комментариев)

13 Ноябрь, 2015

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

Смайлики в WordPress

Например, всем известный код улыбающегося смайла «:-)» (читайте про то, что значит тот или иной текстовый смайл) будет выглядеть на странице WordPress так — 🙂 (код надо вводить без кавычек, которые я использовал лишь с той целью, чтобы отобразился код смайлика, а не его картинку). Или подмигивающий «;-)» — ;-).

Коды смайликов для их вставки в ваш блог на WordPress


Но, наверное, не все знают, что в WordPress можно использовать довольно много разнообразных смайлов, поэтому решил привести таблицу всех возможных вариантов, которые вы сможете использовать на своем блоге (еще раз обращаю ваше внимание, что коды надо вставлять без кавычек):

😀 «:grin:»
💡 «:idea:»
😳 «:oops:»
😛 «:razz:»
🙄 «:roll:»
😉 «:wink:»
😥 «:cry:»
😮 «:eek:»
😆 «:lol:»
😡 «:mad:»
🙁 «:sad:»
:mrgreen: «:mrgreen:»
«:arrow:»
😐 «:neutral:»
😯 «:shock:»
🙁 ":("
😈 «:twisted:»
🙂 «:smile:»
😕 «:???:»
😎 «:cool:»
👿 «:evil:»
😎 «8-)»
😯 «8-O»
🙂 «:-)»
😕 «:-?»
😀 «:-D»
😛 «:-P»
😮 «:-o»
😡 «:-x»
😐 «:-|»
😉 «;-)»
8) «8)»
😯 «8O»
🙁 ":("
«:?:»
«:!:»

Если вас по каким-либо причинам не устраивает внешний вид стандартных смайликов в WordPress, то можете заменить их картинки на свои, которые вам больше нравятся. Для этого вам нужно подключиться по FTP и зайти в папку:

wp-includes/images/smilies

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

Qip Smiles — добавляем в комментарии Вордпресса смайлики


Автором плагина Qip Smiles является уважаемый Жук. Это расширение можно взять с его сайта — скачать. Автор включил в плагин 11 постоянно видимых смайликов и 30 дополнительных, открывающихся по нажатию на ссылку “Еще смайлы”. Смайлики получились очень прикольные, взяты из всем любимого меcсенджера QIP. Конечно же, можно использовать в сообщениях обозначения смайликов текстовыми символами, но так получает красивее.

Установка проходит по привычному алгоритму:

  1. распакуйте архив с qipsmiles.zip, используя ftp-менеджер подключитесь к вашему сайту и загрузите папку qipsmiles в директорию с WordPress плагинами wp-content/plugins/ на сервере
  2. войдите в админку и выберете вкладку «Плагины»- «Inactive»
  3. найдите строку с Qip Smiles и активируйте его

Никаких настроек он не имеет, но для того, чтобы смайлики в WordPress появились рядом с полем для написания комментариев, вам нужно будет открыть на редактирование файл comments.php из темы оформления Вордпресс (тут описаны файлы, из которых шаблон состоит), которая в данный момент используется.

Путь к этому файлу будет выглядеть так: wp-content/themes/название_вашей_темы_оформления/comments.php. Узнать название текущей темы вы можете в админке, выбрав в левой панели «Дизайн» — «Темы».

В comments.php ищете место, куда именно нужно вставить код плагина Qip Smiles, который будет показывать смайлики в комментариях WordPress. Он должен быть расположен рядом с кодом вывода формы для написания комментария — сверху или снизу, например.

Поэтому вам сначала нужно найти в comments.php код вывода этой формы, он задается с помощью тега TEXTAREA.

В моем случае, код формы имеет вид:

<textarea name="comment" id="comment" cols="70" rows="10" tabindex="4" class="textarea1"></textarea>

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

<?php if (function_exists('qipsmiles')) qipsmiles('ru'); ?>

У меня получилось так:

<p>
      <label for="comment">Ваш комментарий</label>
      <br /><?php if (function_exists('qipsmiles')) qipsmiles('ru'); ?>
      <textarea name="comment" id="comment" cols="70" rows="10" tabindex="4" class="textarea1"></textarea>
    </p>

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

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Еще:

Рубрики :Основы WordPress

Комментарии и отзывы

Ник

Здравствуйте! Видимо у вас та же история. Пропали смайлы и висит только этот злосчастный mrgreen...

В чем дело, не подскажите? Как решите проблему у себя.

Подписаться не комментируя