Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Создание и продвижение блога на Wordpress!


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

Привет друзья!!! Поздравляю c наступающим Новым годом!

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

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

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

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

Давайте начнем установку этой гирлянды!

Устанавливается гирлянда без плагинов. Для начала скачайте архив, распакуйте и закиньте его в корневую папку вашего сайта (/domains/ваш сайт.ru). И скачайте вот этот файлик, в нем коды для установки, но на всякий случай, выложу их ниже.

Скачали, распаковали и закинули содержимое архива в корень сайта!? Идем дальше.

Теперь в папке с темой вашего сайта скопируйте файлы header.php и footer.php на рабочий стол компьютера. Для работы со своим сайтом, я пользуюсь программами FilleZilla и текстовый редактор Notepad++, пройдя по ссылке, на странице есть ссылки для скачивания этих программ.

Откройте файл header.php с помощью текстового редактора и вставьте следующую часть кода в любое место после <head>:

Эти же коды есть в файле, который вы скачали.

Следующий код поставьте в header.php до тега <body> или в footer.php до тега </body>, работает и там и там:

И теперь самый большой кусок кода, который нужно поставить в footer.php после тега </body>, вы только не пугайтесь, что он такой огромный, он отвечает за все наши веточки и шарики, у меня он стоит и все отлично работает. Код находится в файле, который вы скачали.

Теперь сохраните файлы и закиньте обратно на хостинг с заменой старых. Установка закончена! Все легко и быстро.

Обновите страницу с вашим сайтом и посмотрите как установилась гирлянда. Если не появилась, то почистите плагин кэширования, если он у вас установлен.

Можете сделать анимацию падающего снега на сайте. Для этого, скачайте этот файл, скопируйте код из файла, откройте файл footer.php и вставьте этот немаленький код до тега </body>.

У этой анимации есть свои настройки:

var snowmax=35 - количество снежинок

var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff") - цвет снежинок

var sinkspeed=0.6 - скорость анимации

var snowmaxsize=40 - максимальный размерvar snowminsize=20 - минимальный размер

Поставили код, настроили, сохранили и закиньте его обратно на хостинг. Обновите страницу своего сайта, должны быть осадки :)

И на последок, посмотрите вот этот сайт www.darii.ru. На сайте большой выбор новогодних украшений для сайта, но я сам не испытывал их и не знаю как они работают. С этим разберетесь сами, если интересно!

После всех праздников, уберите коды, которые поставили.

Еще раз поздравляю Вас с наступающим Новым годом!

 

 

 

 

Предыдущая статья: «Форма комментариев ВКонтакте на ваш сайт!»

 

Желаю Вам прекрасного настроения!

Автор блога, Денис Максимов 

 


В избранное