Skip to content
 

Установка смайлов на блог WordPress, без плагинов

Смайлы на блоге

smajles na blog

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

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

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

smaile

Так зачем устанавливать плагин там, где можно обойтись без него. Для отображения smile в тексте, нужно знать, какие символы вводить при письме. Ознакомиться с таблицей смайлов можно на официальном сайте WordPress — http://codex.wordpress.org/Using_Smilies, или посмотреть эту картинку:

smile

А вывести изображения смайлов рядом с формой комментариев, поможет скрипт:
<!— Smiles —>
<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>’;
?>
<!— Smiles —>

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

смайлы на блоге
Вставить его нужно в файл comments.php перед полем комментирования, или сразу после него. Смотря где, по вашему мнению, должны отображаться смайлы. За вывод поля для комментирования отвечает тег — <textarea>…</textarea>.

smile1

 

Сразу после установки скрипта, отобразятся стандартные смайлы, входящие в набор WordPress. Вы можете заменить эти файлы на свои. Для этого нужно скачать архив с смайлами на компьютер, распаковать его в специально подготовленную папку. Затем нужно связаться с сервером через FTP соединение. Найти папку wp-includes/images/smilies/. И скопировать смайлы в папку  smilies из подготовленной папки.

Скачать архивы смайлов можно по этим ссылкам:

  1. Колобки – colobki.zip
  2. Колобки-мини — colobki-mini.zip

В случае, если вы не желаете, чтобы отображались все смайлы, то откройте файл

wp-includes/functions.php.

Найдите теги, отвечающие за выведение смайлов, и закройте не нужные файлы. Например:

  • ‘:D’ => ‘icon_smaile.dif’, (вид отображаемого смайла)
  • //      ‘:roll:’ => ‘icon_rolleyes.dif’, (закрытый смайл)

То есть перед списком не нужных смайлов поставить //.

Вот таким простым способом можно добавить смайлы на блог.  Понравилась статья? Поделитесь, пожалуйста с друзьями, нажмите на кнопки социальных сетей, вам не трудно, а мне приятно! Подписывайтесь на блог «Создание и продвижение сайта. От чайника до профи«, чтобы быть в курсе выхода новых статей.

PS. Если вас интересует тема продвижения сайта в социальных сетях, то рекомендую прочитать статью, о таких понятиях, как SMO и SMM. Вы поймёте, что в создании и продвижении сайта не бывает мелочей, всё должно быть качественно и полезно.

Я хочу быть в курсе событий на сайте!

Подпишитесь прямо сейчас, и получайте обновления на свой E-Mail:

Ваш E-Mail в безопасности

Google

42 комментария

  1. Я месяца три назад искала красивые смайлики для сайта. Так как бывшие почему-то перестали отображаться и были проблемы с установкой. Пришлось искать. Искала красивые. НАШЛА ❗ Но они установлены двумя плагинами. А это ведь нагрузка на сайт. Но они мне так нравятся, что и менять не хочется.
    Теперь буду знать, куда зайти за кодом для смайлов, если что 😉

  2. Ирочка! Обрати внимание: ссылка skype.zip не работает.

  3. Спасибо за информацию! У меня смайлики не установлены, а лишний плагин ставить не хотелось. Попробую сделать!

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

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

  6. Ира, а если форма установлена при помощи плагина, значит таким образом не получится установить смайлы, я правильно понимаю? 😕

    • А ты попробуй, и только тогда будет ясно. У меня установились нормально. Даже если у тебя форма установлена с помощью плагина, формула формы всё же должна находиться в файле. Значит и смайлы можно установить.

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

        • Да, самое удобное проводить эксперименты на тестовом блоге.

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

          • Да, Игорь, это верно, нужно чтобы он был двойником, только контент при этом был другой, лучше всего на другом языке. Можно свой контент переводить через Гугл переводчик, и вставлять на тестовый блог.

          • Да много чего можно с тестовым блогом делать.
            Лишь бы он идентичен был оригинальному

  7. Спасибо за информацию про сортировку

  8. Смайлики очень оживляют комментарии. у меня сначала одни стояли. Потом на новой теме они просто расплылись. Сейчас другие поставила, но плагином. Вроде бы у меня на блоге не так много плагинов. Пока пусть так будет. Если что-поменяю. 🙄

  9. Смайлики — это здорово! Правда, я обхожусь двумя и ставлю их с помощью клавиатуры:
    🙂 и 🙁

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

      • @Ирина, я недавно искала эту возможность. Помню, что где-то видела, а оказалось, что у тебя. Все дают коды, которые надо вставить в functions, а у меня после этого сайт не работает. Так что надо рассмотреть этот вариант 😉

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

  10. Спасибо буду устанавливать этот скрипт комментариев. Попробую. Лучше чем плагин и по сути можно найти массу вариантов смайликов.

  11. Кстати, мой сайт отреагировал на скрипт бурно, прокрутка до конца вниз не идет, только до кнопок соц. сетей. Ниже как будто отрезало 😀
    Ставил другой скрипт…отображение — вместо смайликов их текст.
    Что такое? Я в шоке.

    • У меня иногда при редактировании тоже случалось подобное. Я уже и не помню, с каким скриптом это было, но помню, что быстро нашла ошибку. Просто вставила неправильно. Получилось всё только со второго раза. 😉

  12. Все разобрался:) Еще и новые колобки добавил дополнительно, теперь больше смайликов ❗ танчики и бтры)))

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

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

Написать отзыв

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: