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

Плагин WP Super Snow для создания реалистичного снега на блогеВсем привет! Давайте продолжим радовать своих читателей новогодним оформлением сайта. Теперь на очереди будет мой любимый плагинчик «WP Super Snow». Название говорит само за себя. Этот модуль реализует на WordPress супер снег, который будет очень реалистично смотреться на любом блоге. Давайте поближе познакомимся с этим чудом природы! 

Чем он так хорошо? Ну, как я уже говорил, он сможет реализовать привлекающий снег на блоге с движком WordPress. В падении участвуют как круглые комы, так и сами снежинки различного размера. Скорость падения всех этих элементов динамическая (может меняться), причем во время падения эти элементы вращаются в различные стороны. Таким образом, снег получается трехмерным и наиболее реалистичным. Все края падающих элементов затемнены, поэтому не стоит бояться, что на чисто белом фоне снегопад не будет заметен. На рисунке ниже можно увидеть пример работы плагина WP Super Snow.

Работа плагина WP Super Snow

Настройки WP Super Snow

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

Итак, в правом верхнем углу вы увидите специальные кнопульки. Стрелки вверх и вниз полностью открываю или закрывают все нижние вкладки с настройками данного плагина. Если вы что-то намудрили с настройками и вам нужно восстановить их в первоначальное состояние, то кнопка «Restore» вам в помощь. Ну а «Save«, как всегда сохраняет эти настройки.

Верхние кнопки

Enable/Disable

Итак, переходим к самой первой вкладке «Enable/Disable«. Чтобы раскрыть эту вкладку еще можно просто кликнуть по ней. Здесь можно включить или отключить работу плагина. Сейчас он отключен. Чтобы его включить выбираем «Yes, enable WP Super Smow!» и нажимаем «Save«. Теперь зайдите на блог и полюбуйтесь на снежный эффект.

Вкладка EnableDisable

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

Deactivation Safeguards

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

Вкладка Deactivation Safeguards

Virtual Snow Blower

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

  • Virtual Snow Blower (Advanced Configuration) — очень полезная функция, которая позволяет наглядно посмотреть все изменения, не выходя из настройки плагина. Очень удобно! Теперь, когда вы что-то изменили, нажмите на кнопку «Preview» (1) и на картинке справа (2) вы можете увидеть наглядные изменения.Вкладка Virtual Snow Blower
  • 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-клиент эти изображения нужно загрузить в галерею плагина. После этого вам нужно в специальном окне указать адреса подключаемых изображений. Каждый адрес вводим с новой строчки.

Вкладка Snowflake Images (a Line-Delimited List Please)

  • 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» отвечает за вывод снега на блоге при определенных условиях. В специальном окне (3) мы задаем эти условия.

Вкладка ForecastingCondition

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

Примеры задания настроек во вкладке ForecastingCondition

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

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

Вот и все! Задаем свои настройки, сохраняем их, переходим на блог и любуемся снежной красотой. Хочу сказать, что данный модуль хоть и имеет настройки, но зато он не такой уж и тяжелый, так как код содержится в одном небольшом файле. Также для большинства сайтов на WordPress все первоначальные настройки уже подогнаны под оптимальную нагрузку. Единственным требованием является то, что плагин работает только с версией PHP 5.3 и выше. Поэтому на своем хостинге сверьте версию и при необходимости измените ее на нужную.

В итоге плагин WP Super Snow оказался очень даже неплохим. Он может реализовать достаточно красивый и реалистичный падающий снег на сайте. При желании можно загрузить свои собственные снежинки, поиграться с их качеством и количеством, а также задать определенные режимы работы. Единственным минусом остается то, что в самих настройках нельзя изменить цвет снега. Придется загружать уже готовое изображение. Ну а если вам этот модуль не подходит, то всегда можно будет попробовать другие новогодние плагины для сайта. Удачного блоггинга!

Рекомендую почитать похожие записи:

Zavitushka-dlya-sayta

 
rss-1Следить за новыми статьями на этом блоге!

 

Комментарии 13

  • Сереж я поставила снежок :-) Но я так понимаю у тебя два плагина снега работают? Мелкий быстрый вверху откуда?

    • Да, я еще дополнительно установил плагин Simply Snow. Он выводит мелкий снег. Если хочешь, можешь у себя тоже попробовать поставить. Там настроек никаких нет.

  • Сергей, можно на эти снежки ссылки сделать, когда нажимают по снегу переходит по ссылке, и ссылки случайные по заданным списком

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

      В таком случае лучше вывести что-то одно и большое. Например, Деда Мороза. Присмотритесь к плагину Merry Christmas Everyone. Он как раз подходит для этого. :-)

  • и ещё вопрос, что сделать чтобы падающие снежки вращались

    • А там они и так вращаются. Присмотритесь внимательно. Там они двигаются по-разному.

  • Спасибо за подробное описание настроек. Поставила. Очень нравится. А свои добавить можно просто через медиафайлы в админке?

    • Да, можно попробовать и через админку. Только потом в разделе Snowflake Images (a Line-Delimited List Please) не забудьте прописать путь к вашему файлу с изображением.

  • Я установил плагин но чёта он не работает не видно на сайте, что мне сделать

    • Вам нужно его еще дополнительно активировать в самих настройках плагина. Просто зайдите на вкладку «Enable/Disable« и там включите плагин.
      Если не поможет, то обратите на предупреждающие надписи в админке вверху. Просто если у вас php версии ниже 5.4, то плагин не будет работать и вверху пока вам предупреждение. Если оно есть, то перейдите на более свежую версию php. Тогда плагин заработает.

      • у меня PHP 5.4.29, я включил но все равно

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

А что вы думаете по этому поводу?

Ваш e-mail не будет опубликован. Обязательные поля помечены *