декабря 2015
Автор: Рубрика: Сайтостроение 11 комментариев

Новогоднее оформление сайта бесплатно

новогоднее оформление сайта бесплатноПеред новым годом принято украшать квартиру, ставить елку, наряжать ее, развешивать мишуру и гирлянды. Но ваш сайт ничем не хуже квартиры – вы здесь проводите много времени, к вам приходят «гости» и друзья, так что стоит уделить один вечер и сделать новогоднее оформление сайта бесплатно.

Я приведу все самые популярные способы, а вы выберите несколько подходящих под ваш дизайн и тематик проекта. Не пытайтесь использовать все сразу!

 

Новогоднее оформление сайта бесплатно

 

Существует множество вариантов оформления: плагины для вордпресс, новогодняя гирлянда для сайта, счетчики до нового года, снежок, а также другие эффекты и фишки для сайта.

Вам стоит посмотреть на свой дизайн и подумать, какие методы подойдут именно вам? Главное не забывайте – нужно знать меру. Не используйте сразу все перечисленные способы, чтобы не испортить впечатление. Слишком пестрый сайт может оттолкнуть читателей.

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

Итак, рассмотрим каждый способ новогоднего оформления сайта:

Фон для сайта в новый год

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

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

Вбейте в поиск «новогодний паттерн», и подберите подходящее изображение.

Затем зайдите в администраторскую панель и выберите Дизайн – Фон. Там можно будет загрузить вашу маленькую картинку.

Фон для сайта новый год

Когда новый год пройдет, зайдите в этот раздел и нажмите кнопку Удалить изображение фона. Тогда вы вернетесь к первоначальным настройкам.

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

Меняем шапку на сайте

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

Можно создать оригинальную картинку своими силами или нанять фрилансера, но можно найти в поиске «новогодняя шапка для сайта» и посмотреть варианты. Чтобы немного сузить круг поиска, зайдите в расширенные настройки и выберите форму картинок «панорама»

Как установить тему wordpress 5

 

Новогодние плагины для вордпресс

 

С помощью подобных плагинов можно создать очень интересные новогодние эффекты на сайте: снег, прогуливающийся Дед Мороз на сайте, всплывающие поздравления и другие милые новогодние эффекты. В этой статье можно прочитать, как устанавливать их на сайт.

Давайте рассмотрим самые популярные новогодние плагины:

  • Let It Snow – плагин для подающего снега на сайте. Он никаких настроек не требует, активируйте плагин и снег пойдет.
  • WP Super Snow – еще один снежный плагин, но его нужно включить в настройках.
  • Snow, Balloons and more – этот плагин поможет «пустить в полет» не только снежинки разных размеров и видов, но еще и новогодние шарики, дед морозов, гирлянды и т.п. В настройках можно выбрать, что именно будет падать на сайте. Выбирайте аккуратно, чтобы не загораживать текст читателям.
  • Xmas Lights – наверху сайта появляется красивая гирлянда.
  • Christmas Ball on Branch – в правом верхнем углу появится еловая ветка с шариками.
  • Fireworks – фейверки на вашем сайте.
  • New Year Countdown – отсчет времени до нового года.
  • POWr Holiday Countdown – еще один счетчик, но он появляется в разделе Виджеты, где вы можете переместить его в нужное место сайдбара.
  • Merry Christmas Everyone – добавляет забавного Деда Мороза, гуляющего по страницам сайт. Есть два варианта, как именно он будет выглядеть.
  • Holiday Message – всплывающие поздравления, написанные на новогодних картинках (Дед Мороз, елочка, снеговик или собственная картинка). Текст можно менять по собственному желанию.
  • Christmas Message – еще одно поздравление на сайте.
  • WP-Christmas – два очаровательных снеговика обнимаются и закутываются в шарфик, под рождественскую мелодию. Не забудьте в настройках поставить галочку напротив Cookie – показать один раз, чтобы не надоедать себе и постоянным посетителям.

Вот и все основные новогодние плагины для вордпресс. Посмотрите, попробуйте некоторые и выберите парочку для своего сайта.

 

Украшения для сайта: новогодние скрипты

 

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

переливающаяся гирлянда

Итак, один из самых простых — разноцветная переливающаяся гирлянда. Чтобы она появилась на вашем сайте нужно в виджет Текст вставить

этот код (нажмите, чтобы открыть) »

<SCRIPT language=javascript type=text/javascript>

//<![CDATA[
var Ovr2=»;
if(typeof document.compatMode!=’undefined’&&document.compatMode!=’BackCompat’)
{cot_t1_DOCtp=»_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth — offsetWidth);}»;}
else
{cot_t1_DOCtp=»_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);_left:expression(document.body.scrollLeft + document.body.clientWidth — offsetWidth);}»;}

if(typeof document.compatMode!=’undefined’&&document.compatMode!=’BackCompat’)
{cot_t1_DOCtp2=»_top:expression(document.documentElement.scrollTop-20+document.documentElement.clientHeight-this.clientHeight);}»;}
else
{cot_t1_DOCtp2=»_top:expression(document.body.scrollTop-20+document.body.clientHeight-this.clientHeight);}»;}
var cot_tl_bodyCSS=’* html {background: fixed;background-repeat: repeat;background-position: left top;}’;
var cot_tl_fixedCSS=’#cot_tl_fixed{position:fixed;’;
var cot_tl_fixedCSS=cot_tl_fixedCSS+’_position:absolute;’;
var cot_tl_fixedCSS=cot_tl_fixedCSS+’top:0px;’;
var cot_tl_fixedCSS=cot_tl_fixedCSS+’left:0px;’;
var cot_tl_fixedCSS=cot_tl_fixedCSS+’clip:rect(0 100 85 0);’;
var cot_tl_fixedCSS=cot_tl_fixedCSS+cot_t1_DOCtp;
var cot_tl_popCSS=’#cot_tl_pop {background-color: transparent;’;
var cot_tl_popCSS=cot_tl_popCSS+’position:fixed;’;
var cot_tl_popCSS=cot_tl_popCSS+’_position:absolute;’;
var cot_tl_popCSS=cot_tl_popCSS+’height:98px;’;
var cot_tl_popCSS=cot_tl_popCSS+’width: 1920px;’;
var cot_tl_popCSS=cot_tl_popCSS+’right: 120px;’;
var cot_tl_popCSS=cot_tl_popCSS+’top: 20px;’;
var cot_tl_popCSS=cot_tl_popCSS+’overflow: hidden;’;
var cot_tl_popCSS=cot_tl_popCSS+’visibility: hidden;’;
var cot_tl_popCSS=cot_tl_popCSS+’z-index: 99999;’;
var cot_tl_popCSS=cot_tl_popCSS+cot_t1_DOCtp2;
document.write(‘<style type=»text/css»>’+cot_tl_bodyCSS+cot_tl_fixedCSS+cot_tl_popCSS+'</style>’);

function COT(cot_tl_theLogo,cot_tl_LogoType,LogoPosition,theAffiliate)
{document.write(‘<div id=»cot_tl_fixed»>’);
document.write(‘<><img src=’+cot_tl_theLogo+’ alt=»» border=»0″></a>’);
document.write(‘</div>’);}

//if(window.location.protocol == «http:»)
COT(«http://www.honeybearplayhomes.com/resources/flashing%20christmas%20lights.gif», «SC2», «none»);
//]]>
</SCRIPT>

.

Скрипт: новогодняя гирлянда для сайта

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

Скрипт новогодняя гирлянда для сайта

Существует один очень простой способ установить такую гирлянду, не загружая в корень сайта каталоги, не правя код своих страниц, не напрягаясь со сложными настройками, а просто вставив специальный скрипт в виджеты (скачать txt с кодом).

Зайдите в админку, раздел Дизайн – Виджеты, выберите Текст и перенесите его в сайдбар. Никак его не называйте, а просто вставьте туда текст скрипта из блокнота. Сохранить и любуйтесь результатами.

Счетчик на сайт До нового года осталось

Всем хочется наглядно видеть, как приближается этот волшебный праздник. Так что поставьте в сайдбаре небольшой счетчик «До нового года осталось: N дней, N часов…».

Самый простой способ сделать его – скопировать и вставить в виджет специальный скрипт. Самостоятельно его создавать не нужно, достаточно зайти на сайт, выбрать в меню «Создать счетчик сколько осталось до…» и здесь уже ввести нужные цифры, слова, фразы.

Счетчик на сайт До нового года осталось

Пример счетчика можно посмотреть на картинке, а поля заполняются в соответствии с подсказками:

  • Введите название счетчика: До Нового года осталось:
  • Введите дату наступления события: 31.12.2015
  • Введите время наступления события: 00.00.00
  • Введите надпись, которая будет показываться, когда событие наступит: С новым годом!
  • Выберите картинку, которая будет показываться справа от счетчика: Елка

Нажмите Создать счетчик, страница обновится и вы увидите поле с нужным кодом.

Счетчик на сайт До нового года осталось html код

Затем перейдите в админку сайта, выберите Дизайн – Виджеты. С левой стороны выберите Текст и перенесите в сайдбар. Вставьте полученный код, сохраните и на вашем сайте появится счетчик «До нового года осталось». Либо вставьте его в любом другом месте, которое покажется вам уместным.

Вот и все основные плагины, чтобы сделать новогоднее оформление сайта бесплатно. Этого более чем достаточно, чтобы создать нужное настроение у читателей, и не переусердствовать. Используйте перечисленные методы в меру.

Хочешь получать статьи этого блога на почту?
Получайте статьи на почту
11 комментариев
  • Ольга Happy

    Какие классные бренчалки )))))))))))))))))))))))))))))))))))) Я несколько минут сидела и бренчала))))))))))) Спасибо большое за подсказку пойду украшать свой сайтик )))))))

    2015-12-22 в 6:47 | Ответить
    • Анна Апрельская

      Да, это затягивает :) Первый раз когда увидела тоже долго играла с ними)

      2015-12-22 в 7:03 | Ответить
  • Ольга Happy

    Установила ))) Так легко и просто) И самое главное не надо в код лезть ))))) Спасибо огромнейшее :)))))

    2015-12-22 в 7:00 | Ответить
  • Руслан

    Спасибо за наводку. Поставлю себе какой-нибудь скрипт для новогоднего настроения, а может и не один)))
    Кстати Сейчас еду домой к родителям в поезде. Чтобы встречать новый год вместе — у нас это семейный праздник

    2015-12-23 в 8:38 | Ответить
  • Всё о зубах

    Новогодний перезвон почти на всех сайтах стоит))

    2015-12-24 в 7:58 | Ответить
    • Анна Апрельская

      Он красивый и привлекает внимание, да еще и поведенческие факторы поднимает) Поэтому он такой популярный)

      2015-12-24 в 8:42 | Ответить
  • Максим Бойко

    Спасибо за статью, Анна! Может быть воспользуюсь каким-нибудь плагином, правда пока не уверен , что это будет смотреться хорошо с дизайном моего блога))

    2015-12-24 в 11:24 | Ответить
  • Руслан

    Всякие варианты плагинов и скриптов перебрал, а в итоге остановился на самом простом варианте.
    Сделал себе плагин снега. Теперь у меня на блоге идет снег, но только на главной странице.
    Мелочь — но хоть немного добавил зимы и наступающего нового года =)

    2015-12-25 в 4:39 | Ответить
    • Анна Апрельская

      Да, отличная идея ограничиться только 1 страницей) Вроде и настроение создается, но в тоже время не раздражает читателей)

      2015-12-25 в 10:14 | Ответить
  • Иван

    Отличная статья, только я уже свой блог украсил. Но все равно, было интересно прочитать. Спасибо

    2015-12-25 в 4:43 | Ответить
  • Ольга Happy

    и снова вернулась к этой статье и инструкции, чтобы опять украсить свой сайтик к Новому году. :)

    2016-12-01 в 1:25 | Ответить