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

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

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

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

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

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

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

Как убрать /category/ из url wordpress
Как убрать category из url wordpress и зачем это надо? Как этот префикс мешает продвижению сайта.
Как отключить и включить редактор файлов в консоли wordpress
Редактирование WP-config.php как-то мало меня интересовало, но видно до некоторой поры. Все-таки пришлось. Вхожу в консоль своего сайта, а там нет редактора файлов. Вы знаете ...
Как настроить тему Islemag wordpress
Islemag является одной из самых лучших бесплатных тем.
Как откатить WordPress на старую версию
Приветствую читателей моего блога. Ну вот, пришла пора и я столкнулась с проблемой при обновлении новой версии WordPress, а именно из  WordPress 5 на  WordPress 4.7.  
Как ускорить сайт на wordpress, выключив HeartBeat API
Всем привет. Продолжаем тему ускорения сайта на wordpress. В статье Как ускорить wordpress с помощью минимизации CSS, HTML и Javascript мы убрали лишнее из файлов, но ...
35 лучших бесплатных тем WordPress
Сообщество WordPress большое. Действительно большое. Есть тысячи дизайнеров и разработчиков, десятки тысяч писателей, и миллионы пользователей, все это способствует развитию WordPress.
18 бесплатных плагинов для таймеров обратного отсчета на сайт
Эта статья посвящена бесплатным плагинам для таймеров обратного отсчета на сайт. 
Как сделать в wordpress последние записи с миниатюрами
Эта статья о том, как сделать в wordpress последние записи с миниатюрами. Делать это мы будем с помощью плагина Newpost Catch.