Плагін для WordPress
Новорічний режим для сайту
Сніг, що зноситься вітром від курсора, снігові шапки, які ростуть на кнопках і заголовках та обсипаються при наведенні, гірлянда під меню і кучугура зі сніговиком унизу. Вмикає відвідувач кнопкою-кулькою, сезон повертається щороку сам.
Спробуйте просто тут
Плагін працює на цій сторінці так само, як на справжньому сайті.
- Натисніть кнопку нижче або кульку в лівому нижньому куті.
- Поводіть курсором — сніг зноситиме вітром.
- Наведіть на кнопку чи картку — шапка снігу обсиплеться. Клік по лампочці змінює режим гірлянди.
Що вміє
Сніг із вітром
Сніжинки зносить убік, коли ведете курсором.
Снігові шапки
Ростуть на кнопках, заголовках і картках та обсипаються при наведенні.
Гірлянда
Під меню чи вгорі секції. Клік по лампочці змінює режим мерехтіння.
Кучугура зі сніговиком
У кінці сторінки визирає сніговик.
Іскри за курсором
Легкий слід із блискіток.
Шапка Санти
Персонально для банера з оком на symonenko.com: адаптую під ваш логотип чи героя.
Налаштування
Окрема сторінка в адмінці WordPress, без коду.
- Режим
- вимкнено · кнопка в сезон · увімкнено в сезон · кнопка завжди
- Сезон
- 1 грудня — 14 січня або ваші дати, щороку
- Ефекти
- кожен вмикається окремо
- Для відео й показу
- ?newyear=1 вмикає, ?newyear=0 вимикає
Під капотом
Ванільний JavaScript без бібліотек і залежностей.
- Кеш сторінок
- сезон перевіряється в браузері
- Швидкість
- шапки розраховуються одним проходом без зайвих перерахунків верстки, анімація спить у фоновій вкладці
- Сумісність з «Хелловіном»
- кнопки не перекривають одна одну
- Теми
- усі ефекти — на темах із UIkit (YOOtheme); на інших — частина, решту адаптую
Питання
Сніг не заважатиме читати?
Сніжинки дрібні й напівпрозорі, а кліки проходять крізь них. Відвідувач вимикає режим тією ж кулькою.
А на телефоні?
Працює, але сніжинок менше, щоб не садити батарею.
Можна свої кольори гірлянди?
Так, кольори й ритм мерехтіння налаштовуються.
Хочете такий плагін на свій сайт?
Встановлю, налаштую під тему й бренд або зроблю сезонний режим під ваше свято.
Інші плагіни