Новый год не за горами. Давайте обсудим тему – Как украсить сайт к Новому году.

украсить сайт к новому году

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

Конечно, я не претендую на звание самого креативного украшальщика, но все-таки кое-чем могу поделиться.

Как украсить сайт к Новому году с помощью плагинов

WP Happy New Year – добавляет изображение и песню в вашем шаблоне и обратный отсчет времени.

Merry Christmas Everyone – при установке этого плагина по сайту будет бегать дед Мороз, идти снег и даже играть музыка. Все будет зависеть от настроек.

Christmas ball on branch – добавит симпатичную анимацию бала в правом верхнем углу сайта.

Snow Effect, Let It Snow, Snow Storm, Xmas Snow, Christmas Snow Fall, Snowfall, Super Snow, 5sec Snow v1.45, Slimpack — Lightweight Jetpack – падающий снег.

Snow, balloons and more  – тоже падающий снег, но не только. Падать могут еще шарики, листочки и прочее.

Happy Snowman – делает снеговичка в углу сайта.

WP-Christmas – делает двух снеговиков, которые под музыку укутываются шарфиком и танцуют.

Christmas Lights, Xmas Lights – добавляют гирлянды в шапке сайта.

Christmas Message, Holiday Message, GC Message Bar – получаем красивое всплывающее окно с поздравлением с Новым годом.

Плагины для таймеров обратного отсчета на сайт – можно установить часы с обратным отсчетом времени.

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

Как украсить сайт к Новому году с помощью кода

Гирлянды

Здесь все очень просто. Ну или почти просто. Закачиваете картинку нужной гирлянды в формате gif или png и прописываете такой код в файле header.php до </head>.

<div style="height: 40px; background: url(адрес картинки в формате gif или png) repeat-x 100%;"></div>

Например:
christmas-lights

 

<div style="height: 75px; background: url(http://vkpluss.ru/wp-content/uploads/2015/12/christmas-lights.png) repeat-x 100%;"></div>

GirlyndaMod

<div style="height: 30px; background: url(http://vkpluss.ru/wp-content/uploads/2015/12/GirlyndaMod.gif) repeat-x 100%;"> </div>

Можно найти и другие картинки.

Гирлянда с музыкой.

украсить сайт к новому году

Опять все очень просто. Ну или почти просто. Надо прописать код в файл header.php до </head>. Код находится  – тут. Просто скопируйте его.

Для более продвинутых. Вот здесь находится каталог с файлами для этой гирлянды – https://yadi.sk/d/0-LnvLLwmHqqU. Вы его скачиваете, и затем помещаете на ваш хостинг. Принцип не меняется. Только надо прописать свой путь к файлам newyear.js, swfobject.min.js и style.css.

Часы с обратным отсчетомукрасить сайт к новому году

Код находится тут. Просто скопируйте его и вставьте в нужное место.

Если поменять цвет в коде, то часы могут выглядеть и вот так.

украсить сайт к новому году

Код находится тут. Просто скопируйте его и вставьте в нужное место.

Вообще-то можно здесь поменять и цвет и шрифт и текст. Если у вас что-то не получится, пишите в комментариях, вместе разберемся.

Кроме того можно еще и разные картинки по вставлять в нужное место. Это уже как ваша фантазия разыграется. Все картинки вставляются с помощью кода.

<div style="height: 100px; background: url(адрес картинки) repeat-x 100%;"></div>

zima_snegovikdancing_snowman girlinda_yolochka para_showman snegovik

 

 

 

 

А можно еще в правый угол поставить, например, деда мороза.

Делается это так. В файл footer.php надо прописать код:

<span class="dedmoroz"></span>

А в файл style.css:

.dedmoroz {
    background: transparent url("images/dedmoroz.png") no-repeat scroll right top / 80px auto;
    bottom: 0;
    display: block;
    height: 120px;
    position: fixed;
    right: 3%;
    width: 140px;
    z-index: 3;
}

Ваш дед мороз будет всегда находиться в правом нижнем углу сайта.

Праздничные Новогодние Фейерверки

Fireworks Message Box, Fireworks, 

А вы как украшаете свой сайт?

Удачи и с наступающим 2016 Новым годом!

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

Возможно Вас также заинтересует:

Как ускорить сайт на wordpress, выключив HeartBeat API
Всем привет. Продолжаем тему ускорения сайта на wordpress. В статье Как ускорить wordpress с помощью минимизации CSS, HTML и Javascript мы убрали лишнее из файлов, но ...
Как сделать в wordpress последние записи с миниатюрами
Эта статья о том, как сделать в wordpress последние записи с миниатюрами. Делать это мы будем с помощью плагина Newpost Catch. 
17 ошибок начинающих блогеров WordPress
Все делают ошибки. Опыт - великий учитель, и все учатся на своих ошибках. Тем не менее,  гораздо более эффективно учиться на ошибках других. В этой статье я ...
Как удалить вредоносную авторскую ссылку
Здравствуйте, уважаемый читатель моего блога. Не хотела писать статью на эту тему, но уж слишком злободневной оказалась эта проблема для меня. Очень много разной ...
3 способа сделать скрытые категории и убрать запись из RSS-канала
Здравствуйте, уважаемый читатель моего блога. Зачем скрывать запись на блоге я затрагивала эту теме в статье Как убрать запись с главной страницы с помощью кода. Если у ...
Несколько уязвимых плагинов WordPress, рекомендуется немедленное обновление
Службы безопасности WordPress Sucuri выдали предупреждение, что несколько плагинов WordPress небезупречны с точки зрения безопасности:
Все для безопасности сайта. Требуется срочное обновление WordPress.
Версия WordPress 4.2.2 доступна с 7 мая 2015 года. На официальном сайте написано: "Это важное обновление безопасности для всех предыдущих версий, и мы настоятельно рекомендуем вам ...
Как установить бесплатный переводчик
Здравствуйте, уважаемый читатель. Давай сделаем его доступным Ваш сайт на 52 языках мира. Благо Google предоставляет нам такую возможность. Гости Вашего блога будут иметь возможность ...