Как это работает?
Скрипт легко интегрируется на ваш сайт и создает эффект падающего снега без нагрузки на производительность. Используя только CSS и JavaScript, вы сможете добавить этот эффект, который будет одинаково хорошо смотреться на всех устройствах.
Установка скрипта
Чтобы добавить эффект снега на ваш сайт, выполните следующие шаги:
Скачайте архив и распакуйте его.
Поместите папку
snowFlakesв корень вашего сайта.Подключите CSS и JS файлы, используя следующий код:
// Эффект снега
function enqueue_snow_effect() {
// Подключаем CSS
wp_enqueue_style( 'snowflakes-css', get_site_url() . '/snowFlakes/snow.min.css', array(), null );
// Подключаем JS
wp_enqueue_script( 'snowflakes-js', get_site_url() . '/snowFlakes/Snow.js', array(), null, true );
// Инициализация скрипта
wp_add_inline_script( 'snowflakes-js', 'new Snow();' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_snow_effect' );
Сбросьте кеш (по желанию).
Настройка снежинок и сугробов
Вы можете настроить параметры снежинок и сугробов, чтобы сделать их уникальными для вашего сайта. Вот основные параметры, которые вы можете изменить:
| Параметр | Допустимые значения | По умолчанию | Описание |
|---|---|---|---|
iconColor | #a6e7ff | Цвет снежинки в формате HEX | |
iconSize | 15 | Размер снежинки в пикселях | |
icon | svg | Изображение снежинки в формате SVG | |
snowPlowImage | svg | Изображение снегоуборочной машины | |
showSnowBalls | true или false | true | Включить появление сугробов |
countSnowflake | от 0 до 100 | 100 | Количество снежинок (от 0 до 100) |
snowBallsLength | от 0 до 10 | 10 | Количество сугробов (от 0 до 10) |
snowBallIterations | от 10 до 40 | 40 | Количество итераций роста сугроба (от 10 до 40) |
clearSnowBalls | 20000 | Интервал появления снегоуборочной машины в мс |
Заключение
Теперь у вас есть все необходимые знания для добавления падающего снега на ваш сайт. Это отличный способ создать праздничное настроение и порадовать ваших пользователей!
