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

Віталий

11 років ago

Доброе время суток. Если вас заинтересовал вопрос анимированных смайлов, то скорее всего вам надоели родные смайлы от WordPress.
Решить вопрос смены можно двумя способами.
1. Установка плагина.
2. Ручная вставка кода в вашу тему.
Так как плагины делают наш сайт тяжелее и мы не любим легких путей, мы выберем второй способ. Для установки смайлов нам понадобиться скачать их.
Вот 3 вида анимированных смайлов.

Мини колобки

Скачать архив

Обычные колобки

Скачать архив

Смайлы из скайпа

Скачать архив

После скачивания разархивируйте архив и скопируйте все смайлы. Потом замените стандартные. которые находятся по следующему пути: /wp-includes/images/smilies/

Внимание! После обновления WordPress смайлы могут слететь, поэтому не удаляйте скачанный архив. Вы можете спросить, почему нельзя прикрепить их к теме? Ответ: можно, но тогда стандартная вордпрессовская автозамена текстовых смайлов на графические будет ставить родные смайлы.
P.S. Чтобы включить/выключить автозамену смайлов нужно зайти в админке в Параметры - Написание и вверху поставить галочку возле пункта - "Преобразовывать смайлики наподобие :-) и :-P в картинки"

Слекдующий шаг- вставка кода в наш шаблон. Вам нужно открыть файл comments.php и найти в нем примерно такую строку:

<textarea name="comment" id="comment" rows="10" cols="1" tabindex="4" style="width:100%;" ></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>';
?>

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

Exit mobile version