Дек
23
7

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

Снег в 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, а вам?

рейтинг Оцените статью:
Ужасная статьяНичего интересногоТак себеНормальноХорошоКлассный постВ закладки!
(голосов - 2, средний балл: 7,00 из 7)
Загрузка...

категория Категории: Плагины;
теги Теги: , , , , .

комментариев 7 к статье “Снег на сайте WordPress (обзор плагинов)”

  • Дима   30.12.2015

    Да снег на блоге это прикольно создает праздничную атмосферу. Еще у кого то из SEO — шников видел шарики, и когда на них наводишь звук такой прикольный, прямо не блог а новогодняя елка. Но через некоторое время начинает бесить этот звук.

  • Tod   30.12.2015

    Дима, да, подобные украшения лучше размещать на время праздников, а потом убирать дабы никого не раздражало)

  • Дмитрий   17.01.2016

    Блин. Надо было тоже какой-нибудь плагин снега на новогодние праздники забабахать, а т просто в фотошопе шапку нацепил, елочку поставил и кое-где снегом припорошил и игрушки развесил. Буду знать)

  • Tod   17.01.2016

    Дмитрий, сможете сделать это в следующем году) Хотя, имхо, ваш вариант украшения сайта также подходит, причем для некоторых пользователей он даже предпочтительней скриптов снега.

  • Нина   07.12.2016

    Как все просто и доступно. Примного благодарна!!! Сейчас запорошу снегом у себя))

  • Kaya   16.12.2016

    а если я хочу падающие снежинки вперемешку с короткими словами? как такое сделать? заранее спасибо!

  • Tod   16.12.2016

    Kaya, если честно, такого не встречал среди плагинов. Единственный вариант — взять какой-то модуль и подправить его код дабы кроме снежинок были еще и слова.

Оставить комментарий

(следующая статья)

Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!

Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:

Последние посты
Лучшее в категории
Облако тегов
Скажи свое мнение!

В чем основные плюсы Wordpress?

Посмотреть результаты

Загрузка ... Загрузка ...
Друзья проекта
Последние новости