Дек
23

Снег на сайте WordPress (обзор плагинов)

Author admin    Category Полезное     Tags

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

, с другой — может тормозить работу веб-страницы и мешать чтению информации. Тут уж каждый сам решает размещать снег на сайте или нет, я лишь расскажу о возможных вариантах реализации.

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

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

Снег в плагин Jetpack WordPress

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

WP Snow Effect

Плагин WP Snow Effect

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

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

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

Tribulant Snow Storm

Плагин Tribulant Snow Storm

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

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

WFS Let It Snow

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

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

Снег на сайте WFS Let It Snow

Snow Flurry

Модуль Snow Flurry

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

WP Super Snow (Falling Snow, Customizable)

WP Super Snow (Falling Snow, Customizable)

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

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

Итого. Я советую потестировать на практике каждый из плагинов снега в WordPress. Так вы сможете, во-первых, увидеть лично как будет выглядеть украшение конкретно на вашем проекте, во-вторых, оцените доступные настройки для изменения. Все модули, в принципе, похожи, однако имеют небольшие отличительные особенности. Исходя из данных фишек и поставленных перед вами задач, сможете сделать выбор.

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

Понравился пост? Подпишись на обновления блога по RSS wordpress insideRSS, RSS wordpress insideEmail или twitter wordpress insidetwitter!
Еще интересно почитать:

This entry passed through the Full-Text RSS service — if this is your content and you’re reading it on someone else’s site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.



Прокомментировать

Новые шаблоны и статьи

Рубрики

Популярные шаблоны

Мы помогаем детям


KosynokBannerNetwork