Все о WordPress: плагины, шаблоны, темы и настройка

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

shМеняем шапку блога в зависимости от времени года
Существует один очень простой и изящный способ для смены шапки блога в зависимости от времени года. Суть способа заключается в следующем: шапке нашего блога мы прописываем класс «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 ;
}

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

Предыдущие записи из рубрики `Настройка WordPress`

3 комментария

ostKya, 24.04.2011 в 17:03Ответить

Спасибо!!!!!!!!!!

rainylive, 16.10.2011 в 23:27Ответить

Разобрался. У меня вышло только после того, как немного поправил код стилей и поигрался с высотой расположения изображения на сайте.

Вот мой код, может кому пригодится...

.vremya-noch {
padding-bottom:131px;
background-image:url(http://ofthedaynews.ru/image/good_night.gif);
}

.vremya-utro {
padding-bottom:131px;
background-image:url(http://ofthedaynews.ru/image/good_morning.gif);
}

.vremya-den {
padding-bottom:131px;
background-image:url(http://ofthedaynews.ru/image/good_day.gif);
}

.vremya-vecher {
padding-bottom:131px;
background-image:url(http://ofthedaynews.ru/image/good_evening.gif);
}
rainylive, 16.10.2011 в 23:28Ответить

Упс.. немного не туда вставил, тема не про времена года, а про утро день вечер

Оставить ответ

Топ комментаторов

Спасибо Вам за Ваши комментарии!

Забыли пароль?