Back to Top
Font size: +

WP Snow Effect для создания снега на сайте WordPress


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

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

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

Плагин WP Snow Effect для создания снега на сайте WordPress

В этой статье мы запустим падающий снег на сайт под управлением WordPress. Для этого нам понадобится плагин WP Snow Effect. Кто не знает, как установить плагин на сайт, переходите по ссылке. Ну а мы двигаемся дальше и переходим сразу к настройкам самого расширения. Для этого заходим в «Настройки» —> «WP Snow Effect«.

Вот какие настройки там имеются:

  • Flakes Number — указываем количество снежинок. Учтите, чем больше снега, тем больше нагрузка на сайт. По умолчанию стоит 30. Рекомендую так и оставить или сделать чуть меньше.
  • Minimal Falling Speed — минимальная скорость снегопада на сайте. Чем выше этот параметр, тем быстрее будут падать снежинки. По умолчанию стоит 1. Можете так и оставить или немного увеличить. Однако большую скорость лучше не делать. Иначе это может напрягать посетителей. Рекомендую ставить в районе 1 — 2.
  • Maximal Falling Speed — максимальная скорость падения снежинок. Рекомендую ставить 3. Снежинки должны падать медленно. Это не только красиво, но и также успокаивает пользователя. Поэтому никогда на своем сайте и блоге не делайте эффект быстрого снегопада. Все эти быстрые и многочисленные элементы создают эффект хаоса и могут сильно раздражать человека.
  • Flake Minimal Size — минимальный размер снежинок на сайте. Оставляйте на 10.
  • Flake Maximal Size — максимальный размер. Рекомендую ставить по умолчанию, то есть 20. Здесь размеры подогнаны оптимально поэтому в корректировке не нуждаются. И не делайте полностью все одинаковые размеры снежинок! Это неестественно и негармонично. Минимальные и максимальные размеры должны быть разными.
  • Snow Vertical Size — глубина падения снега на сайте. Вот эта очень полезная опция, которую не встретишь в других плагинах. Бывает так, что нужно запретить падение снега на основную область контента. Особенно это актуально на сайтах, где текст расположен не на белом фоне. В таком случае снежинки могут отвлекать посетителя от основного контента. Поэтому я рекомендую вам включить эту функцию. Здесь вы просто задаете размер под высоту вашей шапки. Так снег будет виден только в шапке и не будет залезать на область с контентом.

Настройки плагина wp-snow-effect для снегопада на сайте

  • Fade Away — плавное исчезание в конце. Рекомендую оставлять эту функцию включенной. Она создает эффект плавного таяния снежинок на границе показа.
  • Show On — на каких страницах выводить снегопад на сайте. Рекомендую здесь ничего не трогать и все оставить по умолчанию. Для мобильных устройств не рекомендую показывать снег, так как это может негативно отразиться на скорости загрузки сайта.
  • Flake Type — тип снежинок. К сожалению, для бесплатной версии доступно только два самых верхних типа. Остальные виды только для PRO версии плагина.

Выводим снег на сайте WordPress

  • Z-Index — индекс совместимости плагина с темой. Если у вас возникнут какие-то проблемы при работе плагина, то попробуйте в этой опции повысить индекс совместимости. Если же все нормально, то тут лучше ничего не менять.
  • Flake Color — цвет снежинок. Рекомендую ставить белый или чуть-чуть затемнить (если у вас белый фон).

Меняем цвет снега на сайте WordPress

Вот такие настройки плагина WP Snow Effect. Теперь сохраните их и перейдите на сайт или блог чтобы полюбоваться красотой. При желании некоторые настройки можно подогнать под себя. Если возникнут проблемы в работе плагина, то попробуйте повысить Z-Index.

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

Еще способы новогоднего оформления сайта

  • Для создания наибольшего эффекта плагин WP Snow Effect можно использовать в связке с другими расширениями по созданию снегопада на сайте. К примеру, дополнительно можно поставить WP Super Snow. Он создает реалистичный снег на сайте. В итоге у вас появится интересная комбинация типов снежинок.
  • Также есть и другие способы новогоднего оформления сайта. Рекомендую вам тоже с ними ознакомиться.
  • Если вы на своем сайте хотите использовать разные виды снежинок, то рекомендую вам вместо этого плагина установить Snow balloons and more. Там очень большой выбор бесплатных снежинок, шариков, листочков и других элементов.
 

Zavitushka-dlya-sayta

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

 

 
 

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

  • Денис Тумилович

    Классные снежинки, а я пока думаю что мне поставить так уже и праздники закончатся)

    Ответить
    • Сергей Стеклов

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

      Ответить
  • Катя

    Идея классная, но я вот смотрю, что в основном «маститые» сайты не украшают свои проекты к праздникам. А лишний плагин — лишняя нагрузка на сайт. Вот и разрываюсь между украсить или не украсить свои сайтики. Мне вот больше по душе елочная веточка, что у вас в верхнем правом углу находится. Вот как ее можно поставить?

    Ответить
    • Сергей Стеклов

      Да, Катя. Это тоже нагрузка на сайт. Но как говориться: «Красота требует жертв.» :-) Ветку с шариком я вывожу плагином Christmas Ball on Branch. Он легкий и не имеет никаких настроек.

      Ответить
      • Катя

        Спасибо, Сергей. Попробую установить на свои сайтики. Мне еще и баннер понравился, с Дедом Морозом и Снегурочкой :-)

        Ответить
        • Сергей Стеклов

          Ага, хорошо они смотрятся. Вывожу эту красоту с помощью Christmas Countdown Widget. Однако его нужно настраивать под себя. По умолчанию там обычный Санта Клаус выводиться. Но в следующем посте я расскажу, как настроить расширение. :-)

          Ответить
          • Катя

            Я кажется поняла, там можно свою картинку вместо Санта Клауса поставить?

            Ответить
            • Сергей Стеклов

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

              Ответить
              • Катя

                Ну теперь все понятно, буду ждать выхода статьи, чтобы тоже себе поставить такой баннер.

                Ответить
  • Ольга

    Присоединяюсь к Кате:) Очень хочется такую же веточку на сайт. Помогите, плз)))

    Ответить
    • Сергей Стеклов

      Оля, это плагин Christmas Ball on Branch. Также можете посмотреть и другие расширения для рождественского и новогоднего оформления сайта. Там есть и счетчики, красивые гирлянды и другие интересные вещи:

      alpha-byte.ru/wordpresso/plaginyi/novogodnee-oformlenie-sajta

      Ответить
      • Ольга

        Спасибо, пойду разбираться :-)

        Ответить
  • Галина Нагорная

    Веточка уже прижилась… Спасибо, что напомнили о ней! :-)

    Ответить
    • Сергей Стеклов

      Галина, а почему только веточка? Неплохо еще и новогоднюю гирлянду в шапку повесить или посадить нарядную елку в правом сайтбаре. :-)

      Ответить
  • Галина Нагорная

    Гирлянда какая-то жидкая и надпись закрывала — я её прицепила, но — удалила… А в сайдбар что-то не хочется.

    Ответить
  • Танюшка

    Прошу прощения за вопрос не по теме: а что у тебя за переводчик стоит?) И правда переводит… А качество перевода норм? Вообще крутая штука)). Я тут включила корейский, а потом еле русский нашла)))

    Ответить
    • Сергей Стеклов

      Это у меня стоит плагин GTranslate. Классная штука! (:good:) Юзабилити сайта и блога повышает многократно. У меня часто заходят с других стран. Устанавливай этот переводчик себе тоже.
      Это меня Александр Каратаев заразил. Он у себя на блоге рекомендовал этот переводчик. Я сначала думал, что бесполезен. Однако посмотрел, что ко мне заходят также и с других стран, сразу передумал. Поэтому, ставь.

      Ответить
    • Сергей Стеклов

      А качество перевода норм?

      Переводит как и встроенный переводчик от Гугла. Конечно, машинный перевод не идеален. Однако смысл понять можно. Также еще зависит и от языка, на который нужно перевести. Например, с русского на беларуский перевод будет получше, чем на английский. Также еще зависит и от самого письма. Если будешь писать мудрено, то и перевод будет соответствующим. Но все равно ставь. Лишним не будет. :-)

      Ответить
      • Танюшка

        Поставлю. Спасибо за идею! Тоже замечаю, что иностранцы иногда заходят…

        Ответить
  • Александр Каратаев

    Приветствую, Сергей! Я как раз использую WP Super Snow… Нравится тем, что кроме настроек частоты и скорости падения, там можно задать и собственные картинки снежинок. Скачать любой PNG из Сети, закинуть в папку плагина и прописать в настройках. Можно и несколько разных картинок…

    Ответить
  • Наталья Краснова

    Сергей, я провозилась несколько часов, чтобы установить гирлянду в шапку, но не просто гирлянду, а чтобы она звенела, когда проводишь мышкой. Я думаю, что вы поняли о чем я. Гирлянда выводится без плагина, но по инструкции в сети установить не удалось. У меня звук был, а гирлянды нет. Слежу за комментариями. Было бы супер, если бы вы написали статью на эту тему.

    Ответить
    • Сергей Стеклов

      Да, Наталья. Мне эта новогодняя гирлянда тоже попадалась на некоторых сайтах. Меня тоже попросили подсказать, как ее установить. Но сейчас с этими новогодними праздниками приходится немного повременить с публикацией. Но на досуге попробую поработать с этой гирляндой. Если что, то потом обязательно об этом напишу. :-)

      Ответить
  • bytrina

    Перед Новым годом многие сайты украсились таким украшением, однако я не сторонница такой мишуры, хотя кому то она нравится.

    Ответить
  • Людмила Лао

    Посещая сайты других блогеров, обратила внимание, что почти новогодние примочки сделаны будто под копирку, и это печально.
    Либо снежок падает, либо Дед Мороз скачет, мешает читать, либо гирлянда висит.
    А давно хочется больше возможностей и вариаций…
    Кстати, скоро 8 Марта, и было бы здорово, если б вы описали варианты украшения сайта к этому празднику (если они конечно существуют).

    Ответить
    • Сергей Стеклов

      Существуют, но мне пока не до этого. Сейчас просто занят другими делами.

      Ответить

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

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

 

Шумеры
Сброс пароля в Cisco Catalyst 2960