X
Заказать услугу

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

Плагины и Шаблоны для Wordpress
  • 2018-12-12
  • 2447 просмотр

    0 комментарий

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

Доброе время суток. Если вас заинтересовал вопрос анимированных смайлов, то скорее всего вам надоели родные смайлы от 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
Проголосовало: 3, в среднем: 5 из 5
Читайте также
Комментариев нет. Оставьте первый

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

Чтобы оставить комментарий - заполните поля ниже. Ваш e-mail не будет опубликован. Все поля обязательны

Нажмите, чтобы добавить код в комментарий. Далее добавьте свой код внутрь тегов <code> тут код </code>
Я ознакомлен(а) с политикой конфиденциальности и даю согласие на обработку персональных данных*

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.