В статье представлен способ для добавления смайликов к форме комментариев при помощи скрипта. Ни какие плагины тут не используются.

Скрипт для вставки смайликов

Скрипт для вставки смайликов в форму комментариев. Никаких плагинов!!!


24.08.2014 | Скрипты | Теги: комментариев 27 | 10447 просмотров | Автор статьи: Александр Рус


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

Сам скрипт представляет из себя небольшой код, всего несколько строчек, который необходимо вставить в файл comments.php. Отредактировать данный файл можно как через FTP-аккаунт, так и через админ панель( в редакторе). Туда нам необходимо будет вставить простенький, небольшой код:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<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 class="smaliki">'.$dm_showsmiles.'</div>';
?>

Смайлики после вставки кода будут выглядить примерно вот так:

Смайлики к форме комментариев

Смайлики к форме комментариев

У себя я их добавил сбоку, но вы можете разместить их как внизу, так и сверху.

Обратите внимание, что в данном коде указан путь к папке с изображениями смайликов /wp-includes/images/smilies/. То есть можно заменить стандартные смайлики на свои. В интернете полно разных смайлов, воспользуйтесь поиском для этого -> Найти смайлики для блога. Найдите себе подходящие, скачайте их и загрузите в папку за место стандартных.

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

Автор статьи, Александр.

Материалы по теме:

Как скрыть реферальную ссылку
Приветствую всех своих читателей. Давайте рассмотрим, как скрыть свою реферальную ссылку от пользователей. Чтоб при переходе умные пользователи не думали, что помогают, кому то зарабатывать. ...
Как добавить форму комментариев Vkontakte
Всем привет! Недавно, мне поступил заказ от клиента, он хотел, что бы я на его блоге разместил другую форму комментариев. От предложенного мною плагина ...
Виджет YouTube для сайта. Как это сделать.
Создание виджета при помощи html кода. Создание виджета при помощи плагина. Как узнать ID канала Youtube. Создание виджета через сайт Youtube. Всем привет! Сегодняшняя статья посвящается тем, кто ищет ...
Как при наведение на текст вывести дополнительное окно с подсказкой. Уроки HTML.
Добрый день! Друзья, не давно я наткнулся на один буржуйский сайт. Естественно этот сайт посвящен тематикам, которые подходят для наших блогов. Там авторы выкладывают ...
Скрипт для вывода количества просмотров страницы.
Всем привет. Давным давно, когда на этом блоге еще был другой шаблон, у меня в конце каждого поста, отображалось количество просмотров. В результате чего, можно ...

Нажимая на кнопку, я даю согласие на рассылку, обработку персональных данных и принимаю политику конфиденциальности.

1
Виталий Охрименко http://fitkiss.club

Хоть ты тресни не могу понять в чем дело. В новом шаблоне (пока он тестируется на левом домене) смайлики, которые я вставляю в тело статьи отображаются как надо, а вот в комментариях выводятся в своем первичном виде ":-)" и тому подобное.

Саш, не знаешь где искать причину?

2
Екатерина

О, Виталий, у Вас вскоре будет новый шаблон ? Очень интересно увидеть.

Автор3
Александр Рус (участник БКС) http://myworkpro.ru/

Нет, не знаю, такая же проблема на моём блоге, поэтому я убрал смайлы.

4
NI4KA http://ni4ka.ru/

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

5
Екатерина

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

Автор6
Александр Рус (участник БКС) http://myworkpro.ru/

Мне просто с ними заморачиваться не хочется 🙂

7
Екатерина

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

Автор8
Александр Рус (участник БКС) http://myworkpro.ru/

Нет смайлов ❓ А ну да 🙂 Они были, есть и сейчас работают в комментариях, просто надо в ручную самому писать закарючки 🙂 А так они и визуально раньше отображались в комментариях, ну так, что бы можно было кликать по ним и тем самым добавлять в комменты. Но после обновления плагинов и движка, они стали некорректно работать, я их убрал. Остались только стандартные смайлы 😉

9
Екатерина

Жаль. А откорректировать работу этого скрипта никак нельзя? Может плагин какой-то установить? Или Вы решили просто не заморачиваться ?

Автор10
Александр Рус (участник БКС) http://myworkpro.ru/

Я в JavaScript программирование не волоку,

11
Александр http://demeneff.ru/

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

Автор12
Александр Рус http://myworkpro.ru

Откройте через редактор файл commets.php и удалите часть кода отвечающий за смайлики.

13
Олия http://burzevao.ru

Александр, у меня смайлики встроенные в комментарии. Не работают=). Вы не знаете, как их оттуда удалить? Хочу, как у вас справа). Спасибо. 😉

14
Андрей http://telets.com.zp.ua/

Спасибо за науку, буду знать на будущее. Но я пока пользуюсь плагинами, но надо будет попробовать создать как то ноый блог и постараться сделать все функции при помощи кодов. Так что я все статьи про вставку кодов сохраняю в отдельной папке. Авось пригодиться. 😉

Автор15
Александр Рус (участник БКС) http://myworkpro.ru/

Зачем делать новый блог? Андрей, просто смените шаблон.

16
Андрей http://telets.com.zp.ua/

Ну уж нет. Шаблон я пока менять не готов. Не знаю как кому, но мне он как родной. 😉

17
Alexander Meier http://bloginfo.biz/

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

Кстати, когда я добавлял их к форме комментария, то делал почти таким же образом, как описано в статье. Все работало =)

Автор18
Александр Рус (участник БКС) http://myworkpro.ru/

А зачем ты их отключил? 🙂

19
Alexander Meier http://bloginfo.biz/

Потому что я сам любитель иногда посмайлить =) И когда я это делаю в теле статьи, то выглядит как-то несерьезно. Да и в комментариях от них иногда такая аляпистость получается. Короче говоря, решил отключить.

Автор20
Александр Рус (участник БКС) http://myworkpro.ru/

Ну тогда я могу на своем блоге себе позволить смайлики - у меня тут все несерьезно 😉

21
Юрий Ваценко http://vacenko.ru/

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

Автор22
Александр Рус (участник БКС) http://myworkpro.ru/

Вот именно, тут лучше Борисову поверить)

23
Азик http://azikonya.com

Тоже часто прописываю смайлы символами. И на некоторых они не становятся смайлами, а так и остаются скобками))) 😉

24
Алексей http://ozerkalke.ru/

Так скрипт - это по сути и есть плагин. В скрипте есть php, так что надо ли оно? У меня плагин для комментариев со встроенными смайлами. Разницы не вижу ни в лучшую сторону, ни в худшую. Но статья полезная 100%

25
GOLDSKIF http://kladoiskately.com/kommentator/

Как раз только недавно себе вставил такие смайлы как у Вас на фото к статье, они мне как раз к блогу подходят, как там и родились!

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

Автор26
Александр Рус (участник БКС) http://myworkpro.ru/

Посмотрел у тебя смайлики. Просто класс, анимированные ещё вдобавок.

27
GOLDSKIF http://kladoiskately.com/kommentator/

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

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.