Смена шапки сайта в зависимости от времени года

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

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

И так к делу:

Заходим в папку с темой и в файле header.php ищем DIV где выводится шапка сайта, например:

<div id="shapka"></div>

Далее к этому диву добавляем класс «month-»:

class="month-<?php echo date('m'); ?>"

В итоге должно получиться так:

<div id="shapka" class="month-<?php echo date('m'); ?>"></div>

После этого добавляем в файл стилей style.css данные для отображения картинки для каждого времени суток:

/* Весна */
.month-03, .month-04, .month-05 {
background:url/images/vesna.jpg ;
}
/* Лето*/
.month-06, .month-07, .month-08 {
background:url/images/leto.jpg ;
}
/* Осень*/
.month-09, .month-10, .month-11 {
background:url /images/osen.jpg ;
}
/* Зима */
.month-12, .month-01, .month-02 {
background:url/images/zima.jpg ;
}

Вот и все, осталось выбрать подходящие картинки 🙂