Получайте секретные материалы проекта на свой E-Mail:

Как добавить смайлы в WordPress без плагина? А легко!

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

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

Кстати, пишу этот пост не с дома, как обычно, а с больнице. Нет, все нормально, только желудок обострился, пришлось было ложиться на обследование и лечение живота.  Мне поставили диагноз - хронический гастродуоденит! Кто что знает про это? Отпишитесь пожалуйста в комментариях!

Лежать мне здесь придется 14-15 дней. К счастью, с собой я взял ноутбук, поэтому без статей Вас не оставлю! Буду стараться писать раз в три-четыре дня. На выходных еду домой, но там писать не буду, буду отдыхать от суматохи, а то тут шумновато сильно 🙂

А Вы читатели мой предыдущий пост? Если нет, то бегом сначала туда, а потом уж и эту статью будете читать. В прошлой посте я разместил информацию о великолепной 6-летней девочке, которой нужна операция, стоимостью около 280 000 рублей. Вот ссылка на статью!

Ну, а теперь давайте перейдем к теме нашей статьи — Смайлы WordPress без плагина.

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

Думаю рассказывать о всей прелести размещения смайлов в комментариях не надо, Вы и так это понимаете сами. Так ведь? Ну, а если кратко: люди уже настолько привыкли к смайликам, что уже не могут без них выразить свои эмоции даже в комментариях. Тем более это выглядит очень красиво и украшает простой текст в комментариях. Поэтому я рекомендую на всех блогах, в не зависимости от тематики, установить на свои блоги смайлики. Убедил? 🙂 Надеюсь, что да!

Способов размещения смайликов два: с плагином, и без него, то есть с помощью специального кода. А как мы знаем, плагины замедляют загрузку блога, поэтому я настоятельно рекомендую установит смайлы wordpress с помощью кода! Его я дам Вам в этой статье, а так же покажу куда его устанавливать!

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

1. Стандартный:

Стандартные смайлы WordPress

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

2. Skype:

Смайлы Skype для WordPress

Если Вы любитель такой программы, как Skype и Вам нравятся там смайлики, то этот набор отлично Вам подойдет! Лично я раньше (на старом шаблоне) именно их и использовал! Отличные красивые смайлики — рекомендую! Скачать их Вы можете здесь.

3. Колобки:

Смайлы колобки для WordPress

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

4. Колобки мини:

Смайлы колобки мини для WordPress

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

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

После того, как Вы выбрали наиболее подходящие для Вас смайлики, переходим к следующему этапу!

Сейчас Вам необходимо перейти в папку Вашего блога по адресу: /wp-includes/images/smilies/ в корне Вашего блога, и распаковать ранее скачанный архив со смайликами туда! Там уже имеются стандартные смайлы, поэтому будет появляться окно о подтверждение замены изображения — соглашаетесь и переходим дальшей!

Далее переходите в редактор файла comments.php из папки Вашей темы и находите тег textarea и перед данным тегом вставляем следующий код:

<script type="text/javascript">
function addsmile($smile){
document.getElementById('comment').value=document.getElementById('comment').value+' '+$smile+' ';
}
</script>
<?php
global $wpsmiliestrans;
$dm_showsmiles = '';
$dm_smiled = array();
foreach ($wpsmiliestrans as $tag => $dm_smile) {
 if (!in_array($dm_smile,$dm_smiled)) {
 $dm_smiled[] = $dm_smile;
 $tag = str_replace(' ', '', $tag);
 $dm_showsmiles .= '<img src="'.get_bloginfo('wpurl').'/wp-includes/images/smilies/'.$dm_smile.'" alt="'.$tag.'" onclick="addsmile(\''.$tag.'\');"/> ';
 }
}
echo '<div style="width:100%; margin-left:0px; margin-right:0px;">'.$dm_showsmiles.'</div>';
?>

Сохраняем файл, открываем любую статью и любуемся комментариями! У меня они выглядят вот так:

Пример смайлов в комментариях

Если Вам не нравится расположение смайликов (например отступы), можете отредактировать с помощью тега <div></div>, или, если нужно по центру, тегом <center></center>.

Вот и все!

Теперь у Вас на блоге есть красивые смайлы WordPress без плагина, которые обязательно понравятся Вашим посетителям!

Желаю всем удачи и до встречи в новой статье!

P.S. Эх, в больнице тоже неплохо писать статьи, только бы еще дети не мешали 🙂

С уважением, Белан Константин!

Белан Константин Сергеевич

С уважением, Константин Белан.

Рабочая 634570 Россия, Томская обл., г. Томск, +7 952 160 36 17
Сделайте мне приятно - нажмите на любую из кнопок:
Подпишитесь на рассылку блога и получайте новые статьи на свою почту
Количество комментариев к данной статье: 37
  1. Ответить

    Мне после смены темы опять предстоит эту работу со смайлами проделать.

    Все никак руки не доберутся...

    Смайлы очень нужны, с ними прикольней и более оживленно на блоге. 😯

  2. Ответить

    За пост спасибо. Поскорее выздоравливайте! 😐

  3. Мне больше всего нравятся смайлы как в скайпе. Классная статья, скоро буду приводить блог в порядок и за одно установлю смайлы.

  4. Ответить

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

    #commentform pre img:hover {cursor:pointer}

    Должно сработать!

    • Ответить

      Чтобы курсор при наведении менялся, надо в коде добавить style="cursor:pointer; в div. Получится такая строка:

      echo ''.$dm_showsmiles.'';

      А в файл стилей (style.css) добавить параметр: .smiles {cursor: pointer;} прямо в самый конец и сохранить. И не каких проблем 🙂

  5. Ответить

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

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

  6. Ответить

    Согласен с тем, что смайлы очень нужны. У меня выполняет их вывод специальный плагин, который весит 5,69 кб.

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

  7. Спасибо за пост Кос, тоже хотел сделать себе такие…

    • Не за что, Сергей! Делай 🙂

  8. Ответить

    Интересная идея! У меня такие же только с плагином. Пожалуй воспользуюсь вашей статьей. 😉

  9. Ответить

    Костя, мобильная версия блога корявая 😉

    • Я знаю про это... В скором времени исправлю все эти косяки!

  10. Ответить

    Хочу добавить к статье автора, что не нужные смайлы можно убирать. При подключении скрипта вывода смайлов, в function.php появляется список выводимых и там можно их закрывать. Для этого перед ними ставим //. Закомментированые смайлы не выводятся.

    • Спасибо за дополнение к статье!

  11. Ответить

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

  12. Ответить

    Отлично 😯

  13. Костя, ты как все в больницы лежишь или выписали уже ?

  14. Ответить

    Наконец то и я до смайлов добрался на своем новом шаблоне 😯

    Вот только на прошлом шаблоне они у меня двигались, а теперь нет. может от темы зависит.

    У тебя, Константин, также истуканы недвижимые смайлы стоят 😡

    • Ответить

      А у меня двигаются на этом сайте 😯

      • Ответить

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

        • Ответить

          Здравствуйте, Николай. А вы пробовали движущееся gif изображение в пост ставить, или в сайдбар? Можно проверить, будет двигаться, или нет.

  15. Да, согласен, со смайликами на блоге гораздо веселее обстановка.

  16. Константин, привет!

    Спасибо за статью. Помогла.

    Правда тега textarea нет(видимо тема такая). Вставил в самый низ файла.

    Удачи! 😉

  17. При помощи слайдов, гораздо удобней передать свои эмоции при написаниии, тоже надо будет себе на блог поставить такие

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

  19. Смайлы украшают блог, точнее комментарии. Без них как-то не интересно. Согласитесь?!

  20. Ответить

    Да, на моем сайте однозначно надо смайлики поставить. Спасибо, что навели на мысль.

  21. Ответить

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

    • Ответить

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

  22. Ответить

    Я уже давно поставила такие смайлики, без плагина, третий вариант.) Но, так хочется чего-то новенького, каких-нибудь смайлов необычных, буду ходить по блогам и по смайлику отбирать у них.)) Уже у Александра Борисова забрала красивый цветочек, без анимации, просто красиво.)

    А где твои смайлики, кстати?(

  23. Ответить

    Спасибо, Константин. Поставила себе на сайт 4 вариант колобков-мини, все получилось без проблем. Немного пришлось внести изменения в файл стиля, чтобы они стали в один ряд, без отступов. Так что теперь и у меня комментирование в блоге будет более живым))) А где, кстати, ваши смайлы?

  24. Ответить

    Спасибо, отличная статья. Почему У Вас не установлены смайлики?

    • Ответить

      Спасибо большое, Всё получилось!) Наконец-то, избавился от плагина монализа, и делал смайлы, с помощью кода!)

  25. Ответить

    Здравствуйте.

    В моей теме в файле comments.php нет тегов textarea, вы случайно с таким не сталкивались и что можно сделать, чтобы смайлы появились?

  26. Ответить

    А где же смайлики в комментариях? 🙂

    • У меня такая же проблема нет такого тега — самое странно что сам автор не пишет об этом — типа что такого тега может и не быть и что тогда делать — это говорит о том что у автора однополярное мышление

  27. Ответить

    В моей теме, например, нет тега textarea в comments.php. Пришлось лезть в папку wp-includes/comments-template.php. Там функцией выводится поле ввода коммента.