Урок WordPress 13: смайлы

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

Делаем красивые смайлы на блоге с помощью плагина Qip Smile

1. Для начала нам необходимо скачать плагин Qip Smile с сайта разработчика, к сожалению, в лепрозитории WordPress я его не нашла.

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

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

<?php if (function_exists(‘qipsmiles’)) qipsmiles(‘ru’); ?>
Я вставила его в файл comments.php, прямо перед вводом текста комментария, как мне показалось, так будет удобно посетителям моего блога. Вот, что получилось:
Смайлы для WordPress

Более того, эти же смайлы теперь доступны и мне, когда я пишу очередной пост 🙂 Правда намного лучше, чем обычные?

Есть одно но, межстрочечный интервал в постах увеличивается и это не очень опрятно выглядит при отображении для посетителя опубликованного поста:

Вид такой, как будто смайл висит над строчкой. Это можно исправить путем редактирования файла со стилями темы style.css. Я добавила вот это правило: img {vertical-align: middle}

Все стало на свои места и смайлы больше не висят в воздухе 😉

Для того, чтобы такие же смайлы начали отображаться и у тебя при написании поста, необходимо скачать эти смайлы (они установлены у меня на блоге и сейчас именно их ты видишь). После этого разархивировать их у себя на компьютере и залить по FTP в папку /wp-includes/images/smilies/, т.е. заменить стандартные и скучные смайлы, которые есть по умолчанию в WordPress. После этого, можно наслаждаться проявлением эмоций 😀

И еще, чтобы пользоваться смайлами в полную силу при написании статьи, необходимо знать

Коды смайлов в WordPress:

‘:smile:’ или ‘:-)’ – 🙂
‘:sad:’, ‘:-(‘ или ‘:(‘– 🙁
‘:neutral:’ или ‘:-|’ – 😐
‘:wink:’ или ‘;-)’ – 😉
‘:cool:’ , ‘8-)’ или ‘8)’ – 8)
‘:???:’ или ‘:-?’ – 😕
‘:shock:’ , ‘8-O’ или ‘8O’ – 😯
‘:grin:’ или ‘:-D’ – 😀
‘:eek:’ или ‘:-o’ – 😮
‘:mad:’ или ‘:-x’ – 😡
‘:razz:’ или ‘:-P’ – 😛
‘:cry:’ – 😥
‘:roll:’ – 🙄
‘:lol:’ – 😆
‘:oops:’ – 😳
‘:evil:’ – 👿
‘:twisted:’ – 😈
‘:mrgreen:’ – :mrgreen:

‘:?:’ – ❓
‘:!:’ – ❗
‘:arrow:’ – ➡
‘:idea:’ – 💡

К записи "Урок WordPress 13: смайлы" 8 комментариев
  1. Ой, мне всегда было интересно, как смайлики прописать правильно, спасибо огромное!!! )))

  2. Обязательно попробую поставить и себе. Как то веселее блог смотрится. Живенько что ли — (с фильма фраза) 😉

  3. по моему плагин для сайлов wp-monalisa гораздо симпатичней!!!

  4. Действительно очень легко поставить. Особенно, если хорошо объяснили 😀 Наконец то после того как восстановила блог поставила смайлики.

  5. Здравствуйте Елена!
    установил такие же смайлы как в уроке, но они почему то не хотят прописываться. то есть нажимаю на них, а они не появляются в поле ввода текста. как можно решить эту задачу, не подскажите?

    • Ильдар, попробуйте вручную ввести код, который приведен выше для публикации смайла, если ничего не выйдет, значит Вы не правильно (не до конца) следовали моей инструкции =)

Оставить свой комментарий

Поиск по сайту
Читатели

Спонсор блога:
Отзывы о Steadyhoster.com
Самые обсуждаемые статьи
  • Плагин Заплати лайком. Как продают то, что можно взять бесплатно (39)
  • Урок WordPress 6: проверяем шаблон WordPress на вредоносность (29)
  • Контекстная реклама: РСЯ или Google AdSense (25)
  • ЧПУ и все о них (24)
  • Как увеличить доход с Google AdSense (23)
  • Основы продвижения сайта (SEO) в поисковых системах (21)
  • Урок WordPress 19: как убрать дату из постов в блоге? (21)
  • © 2017    SEObiz.com.ua    //    Войти   //    Вверх