Снег на сайте WordPress

Частенько перед новогодними праздниками на некоторых сайтах появляются эффекты в виде падающего снега. Пользователи таким образом пытаются украсить свои проекты и добавить немного праздничного настроения.

Соответствующих скриптов в сети, в принципе, хватает сполна, но раз мы говорим о вордпресс, то остановимся именно на плагинах, позволяющих максимально просто решить эту задачу. Всего в репозитории имеется где-то 10-15 подходящих модулей, из которых я выбрал 5 самых популярных и внушающих наибольшее доверие.

Кстати, если у вас уже установлен плагин Jetpack, то среди множества его функций есть и добавление снега на сайт WordPress. Найдете специальную галочку в меню «Настройки» — «Общие».

Других опций тут нет, поэтому данное решение подходит лишь тем, кому нужна максимально простая реализация и кто уже использует Jetpack. Для большей функциональности рассмотрим варианты поинтереснее. Итак:

WP Snow Effect

Модуль WP Snow Effect работает на скритпе jSnow JQuery, который весит всего 2Кб и не использует изображения. Настроек достаточно много, вы можете определить:

• количество снежинок;
• минимальную и максимальную скорость их падения;
• минимальный и максимальный размер снежинок;
• типы страниц, где будут отображаться (главная, посты, архивы);
• тип, цвет и эффект «затухания» снежинок;

Данный плагин снега для WordPress сайта также имеет Pro версию, где дополнительно найдете еще 40 типов снежинок. Изначально их всего 3, хотя мне лично и этого хватает.

Tribulant Snow Storm

В Tribulant Snow Storm вы не сможете выбирать форму снежинок, все они будут выглядеть как небольшие кружочки разных размеров. Также немного отличается механизм их падения. При этом есть опция «следить за курсором мышки» дабы направление снежинок менялось в зависимости от ваших действий.

Из эффектов имеется: прилипание снега внизу окна браузера, эффект мерцания и таяния во время падения. С помощью настроек можно выбрать цвет, скорость и общее количество снежинок на экране. Есть опция отображения модуля только на конкретной странице сайта, но почему-то у меня это ограничение не сработало.

WFS Let It Snow

WFS Let It Snow — еще один вполне толковый плагин WordPress снега, который использует jQuery скрипт Snowfall. Для включения эффекта нужно будет перейти в «Настройки» — меню «WFS Let It Snow» и выбрать там в самом первом пункте «Do you want to Let It Snow?» — Yes please. Страница настроек во всех модулях плюс-минус одинаковая, хотя и со своими нюансами.

В WFS Let It Snow, например, есть минимальные и максимальные значения размеров снежинок и скорости их падения. Можно включить тень, выбрать будут ли они отображаться только на главной или на всем сайте. Опция Type of snowfall задает активность снегопада. Если выбрать значение Whiteout, получится весьма атмосферно (хотя по скриншоту это плохо видно).

Snow Flurry

Snow Flurry — достаточно простой плагин падающего снега для вордпресс, использующий два скрипта Modernizr (для анимации) и Device.JS (для определения мобильных девайсов). Настроек здесь минимум: размер, цвет и количество снежинок, а также максимальная и минимальная их скорость. Есть интересная фишка скрытия снега через несколько секунд после загрузки страницы. Визуально выглядит не так эффектно как в предыдущем модуле, но работает хорошо. Пример можете глянуть на Codepen.

WP Super Snow (Falling Snow, Customizable)

Самый популярный модуль снега на сайте WordPress — WP Super Snow. Последним расположил его не случайно, — увы, запустить так и не получилось. Для работы он требует достаточно высокую версию системы 4.3, хотя и на ней, и после обновления до 4.4 при установке все равно появлялась ошибка. Однако 9 тысяч загрузок говорят о том, что решение востребованное среди разработчиков. Возможно, это какой-то временный глюк в последнем релизе или проблема в моем сайте.

В любом случае, не упомянуть данный плагин я не мог. Он использует jQuery и CSS3, весит при этом совсем немного. Виртуальный браузер позволяет просмотреть как выглядят эффекты до применения настроек на сайте. С помощью специальных операторов можно отключить отображение снега на мобильных устройствах. По описанию получается весьма интересное и функциональное решение.

Из всех модулей реализации снега на сайте WordPress мне больше всего понравились WP Snow Effect и WFS Let It Snow, а вам?

За информацию спасибо: http://wordpressinside.ru