Анимированные смайлы без плагинов



Smiley — «улыбающийся» или счастливое лицо.

Установка смайликов без плагиновПо данным Википедии впервые для выражения эмоций изображение человеческого лица  применил Ингмар Бергман, режиссер фильма “Портовый город”, правда лицо это в фильме выражало страдание. И лишь позже Счастливое лицо использовали в рекламе фильма “Лили” 1953 год и “Жижи” 1958год. В этом же году счастливое лицо впервые введено в популярную культуру. Франклин Лауфрани  в 1972 году представил изображение счастливого лица европейской аудитории  впервые назвав “смайликом”… Но это для общего развития можно прочесть в Вики в любое время, так что кому интересно-можно почитать полную историю появления смайлов.
Я же расскажу о том как эти смайлы можно установить без плагина Все опытные блогеры пишут, что большое количество плагинов создают дополнительную нагрузку на блог, в результате чего страницы медленно открываются. И,хотя я пока не страдаю от этого, почему бы не воспользоваться советами бывалых? Тем более что это довольно просто реализовать. И пусть это не очень важный элемент сайта, все же приятней видеть эмоции в комментариях, стандартные же смайлики WordPress мягко говоря скучноваты. Для замены WordPress-овских смайликов, можно скачать то, что понравится, переименовать все смайлы, дав им стандартные названия и загрузить по адресу:
сайта/wp-includes/images/smilies/

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

<textarea> вставляем вот такой код:

 





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="/animirovannyie-smaylyi-bez-plaginov/'.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>';
?>

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

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

Скачать колобки-мини
Скачать колобки

Следующий плагин на острие атаки Scroll to Top Button и Social Share Buttons, которые отвечает за кнопку вверх и социальные кнопки.

8 комментариев к записи “Анимированные смайлы без плагинов”

  • Сергей:

    Хорошая статья и колобки интересные.

    • Vladimir Rosta:

      Да сергей! Мне они тоже нравятся. У меня перед этим плагин
      Kama WP Smiles стоял, там тоже такие. :!:

  • Клара:

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

    • Vladimir Rosta:

      Клара ! Только что удалил своих, и закачал по новой. Все
      работает.
      Когда-то у меня Google Chrome начал показывать
      просто код, пришлось полностью удалить браузер и потом поставить снова. Все стало работать нормально. Если Вы все
      делали правильно-посмотрите как смайлики отображаются в других браузерах. :arrow:

  • Клара:

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

  • Клара:

    Скажите,пожалуйста,откуда вы закачиваете?

    • Vladimir Rosta:

      Клара ! Скачиваю по ссылкам в статье. Но как понимаю у Вас не
      ладится. Решил погуглить на всякий случай и нашел вот
      это Попробуйте может они
      Вам подойдут. Кстати колобки классные, наверно я тоже выберу
      себе и попробую заменить.

  • Клара:

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

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

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


9 − = 0

Яндекс поиск