X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

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

Приклад
  • 2024-03-19
  • 4202 переглядів

  • Дизайн та розробка сайту

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

Мини колобки
 

no image

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

Мини колобки

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

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

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

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

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

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

После скачивания разархивируйте архив и скопируйте все смайлы. Потом замените стандартные. которые находятся по следующему пути: /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
Проголосовало: 4, в среднем: 4.8 из 5
Читайте також