Приветствую! Сегодня мы продолжаем рубрику «Улучшаем WordPress» и тема нашей сегодняшней статьи «Смайлики». В движке вордпресс заранее предусмотрены смайлики в статьях и в комментариях. Смотреть скриншот ниже.

Стандартные смайлики вордпресс

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

Wordpress смайлики

С чего начать?

  • Смайлики находятся в папке wp-includes/images/smilies. Это значит, что нам нужно заменить смайлы на свои.
  • Выбираем набор смайликов. Скачиваем.

Смайлики Skype

Скайп

Смайлики Колобки мини

Колобки

Смайлики Колобки

Колобки мини

  • Извлекаем содержимое архива. Открываем Filezilla (кто не знает, как пользоваться этой программой, инструкция здесь).
  • Заменяем стандартные смайлики на новые (то есть, которые вы только что скачали).

Заменяем стандартные смайлики на свои

  • Открываем 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>';
?>
  • Готово! Новые смайлики установлены и отображаются как в комментариях, так и в статьях. У кого стоит плагин, рекомендую заменить его этим скриптом.

Если появились вопросы, обращайтесь за помощью в комментарии. До связи!

То, что вы имеете каждый день, кто-то ежедневно просит. Мухаммад Окар ©.

С уважением,