WP Super Snow для создания реалистичного снега на сайте

На очереди плагин WP Super Snow для создания реалистичного красивого снега на сайте WordPress. Этот модуль хорошо подойдет для новогоднего оформления сайта.

Чем он так хорошо?

Ну, как я уже говорил, он сможет реализовать привлекающий снег на WordPress. В падении участвуют как круглые комы, так и снежинки различного размера.

Скорость падения всех этих элементов динамическая (может меняться). Причем во время падения эти элементы вращаются в различные стороны. Таким образом, снег получается трехмерным и наиболее реалистичным.

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

Настраиваем WP Super Snow

Давайте перейдем к настройкам плагина WP Super Snow! Скачать его можно тут.

Итак, после установки и активации расширения заходим в меню «Super Snow«. При первом взгляде на настройки можно испугаться. Ведь все оформлено очень вызывающе. К тому же все на английском.

Но сейчас мы это исправим.

Итак, в правом верхнем углу вы увидите специальные кнопульки. Стрелки вверх и вниз полностью открываю и закрывают все нижние вкладки с настройками.

Если вы что-то намудрили с настройками и нужно восстановить их в первоначальное состояние, то кнопка «Restore» вам в помощь.

Ну а «Save«, как всегда сохраняет эти настройки.

Enable/Disable

Итак, переходим к самой первой вкладке «Enable/Disable«. Чтобы раскрыть эту вкладку еще можно просто кликнуть по ней.

Здесь можно включить или отключить работу плагина. Сейчас он отключен. Чтобы его включить выбираем «Yes, enable WP Super Smow!» и нажимаем «Save«.

Теперь зайдите на блог и полюбуйтесь на снежный эффект.

Как говорится в описании, это была главная вкладка. Вам только нужно было включить сам плагин. Все другие настройки заданы оптимально для большинства блогов.

Поэтому дальше можно ничего и не настраивать.

Однако я все же решился пройтись по всем вкладкам. Вдруг кто-то захочет внести свои изменения в эти настройки.

К тому же некоторым они могут очень пригодиться. Поэтому сейчас мы их рассмотрим.

Deactivation Safeguards

Вкладка «Deactivation Safeguards» предназначена для сохранения настроек плагина после его деактивации. Если нужно будет на время выключить плагин, то при повторном включении все настройки будут сохранены.

По умолчанию эта функция включена (рисунок ниже). Рекомендую ее так и оставить.

Virtual Snow Blower

Ну а тут уже становится интереснее! Вкладка «Virtual Snow Blower» предназначена для задания своих настроек по изменению падающего снега. Вот, какие опции можно найти:

• Virtual Snow Blower (Advanced Configuration) — очень полезная функция, которая позволяет наглядно посмотреть все изменения, не выходя из настроек плагина. Теперь, когда вы что-то изменили, нажмите на кнопку «Preview» (1). На картинке справа (2) вы можете увидеть наглядные изменения.
• WP Super Snow Container — здесь можно задать свой контейнер. По умолчанию стоит тег body. Если вы хотите везде выводить снег на сайте, то здесь ничего не трогаем. А если не хотите отображать снегопад в определенных областях, то можете прописать другой тег. При изменении разработчик нам рекомендует использовать CSS селектор для JQuery. Например, #my_div.
• z-Index for all Snowflakes — с помощью этой функции снежинки и являются трехмерными. Здесь можно задать параметр z-index для снежинок. В таком случае элементы будут накладываться друг на друга по оси z. При этом они будут создавать наиболее реалистичное изображение. Чем выше этот параметр, тем реальнее снежинки.
• Snowflake Images (a Line-Delimited List Please) — можно подключить свои изображения для падающего снега. Обратите внимание на специальное окно (рисунок ниже). Тут указан путь для работающих изображений. Сейчас подключены два изображения (snowflake и snowball). Если хотите подключить дополнительные снежинки, то подготовьте изображения (желательно 100×100) с прозрачным фоном в формате PSD. Через FTP-клиент эти изображения нужно загрузить в галерею плагина. После этого нужно в специальном окне указать адреса подключаемых изображений. Каждый адрес вводим с новой строчки.

• Total Snowflakes to Process — устанавливаем общее количество снежинок. По умолчанию стоит 50. Можно это число увеличить. Однако не стоит забывать, что при увеличении числа просматриваемых снежинок, возрастает и нагрузка на сайт. Если ресурс начинает тормозить, то сократите это число до 30 или 40.
• Max Snowflake Size (in Pixels) — задаем максимально возможный размер падающих снежинок (в пикселях). Для стандартных снежинок плагина можно указывать до 100 пикселей.
• Max Snowflake Duration (in Seconds) — указываем максимальную продолжительность падения снежинки (в секундах). Чем меньше это число, тем быстрее будет падать снег.
• Use Snow Flake Transparency Effects? — эта опция отвечает за эффект прозрачности снега. Если ее включить, то некоторые снежинки будут прозрачными. Очень хорошо подходит для темного фона. Так белые снежинки не будут слишком бросаться в глаза. По умолчанию она отключена, так как может повлиять на скорость работы блога.

Forecasting/Conditions

Вкладка «Forecasting/Condition» отвечает за вывод снега на сайте WordPress при определенных условиях. В специальном окне (3) мы задаем эти условия.

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

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

Если же вы захотите отображать снег на мобильных устройствах, то просто удалите данный код. Ниже в настройках приводятся примеры вставки кода для определенных нужд.

Тут 4 примера вывода кода:

• пример А — вставляем такой код, если хотим на компьютере выводить снег для одной конкретной страницы и заодно запретить общий вывод для мобильных устройств
• вариант Б — запрещает выводить снег на мобильных устройствах и через HTTPS (SSL)
• пример В — не выводить на мобильниках, а на компьютерах выводить снег только в течение определенного месяца. На примере видно, что он будет выводиться в декабре 2013 года.
• вариант Г — просто не выводить на мобильниках. Заметьте, что такая строчка совместно прописывается в предыдущих примерах

Вот и все!

Задаем настройки и сохраняем их. Переходим на сайт и любуемся снежной красотой. Хочу сказать, что данный модуль хоть и имеет настройки, но зато он не такой уж и тяжелый. Ведь код содержится в одном небольшом файле.

Также для большинства сайтов WordPress все первоначальные настройки уже подогнаны под оптимальную нагрузку.

В итоге плагин WP Super Snow оказался очень даже неплохим.

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

Единственным минусом остается то, что в самих настройках нельзя изменить цвет снега. Придется загружать уже готовое изображение. Ну а если вам этот модуль не подходит, то всегда можно будет попробовать другие новогодние плагины для сайта на WordPress.