Меняем шапку блога в зависимости от времени года

Существует один очень простой и изящный способ для смены шапки блога в зависимости от времени года. Суть способа заключается в следующем: шапке нашего блога мы прописываем класс «month-» после которого функцией date() выводим текущий месяц, получается так: month-01 — month-12 а в таблице стилей каждому сезону указываем фоновую картинку.

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

<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 ;
}

Вот и все, теперь в зависимости от времени года на Вашем блоге будет разная шапка 😉