Главная
Wordpress
Анимированные смайлы на WordPress без плагина
  • 25 Мар 2014г
  • 1607
  • 0
  • Рубрика: Wordpress

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

Доброе время суток. Если вас заинтересовал вопрос анимированных смайлов, то скорее всего вам надоели родные смайлы от 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? но это уже совсем другая история 🙂
На этом все. Спасибо за внимание 🙂




Если Вам был полезным мой труд, можете поддержать сайт, обменяться со мной текстовыми ссылками или посмотреть рекламку, что займет 2 минуты :)


Оцените статью
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(3 голоса, в среднем: 5 из 5)

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

Заполните поля ниже. Ваш e-mail не будет опубликован. Обязательные поля помечены *

Уважаемые пользователи! При добавлении комментариев на сайт Вам следует соблюдать правила указанные под формой отправки комментариев.

Соблюдайте добавления комментариев

Это не спам *

Нажмите, чтобы добавить код в комментарий