shapka-vremya.jpgЯ уже писал о том как можно изменять шапку блога от времени года, сегодня я хочу рассказать о том как менять шапку блога в зависимости от времени суток. Принцип тот же: шапке нашего блога мы прописываем класс «vremya-» и до её вывода пишем маленькую функцию $now_hours которая определяет время суток, в итоге получается так: vremya-utr — vremya-noch.

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

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

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

class="vremya-<?php echo $vremya; ?>"

Теперь над выводом шапки (над <div id=»shapka»>) добавляем нашу функцию $now_hours:

<?php
$now_hours = date('G');
if($now_hours<8)
{
$vremya = 'noch';
}
elseif($now_hours<12 && $now_hours>=8 )
{
$vremya = 'utro';
}
elseif($now_hours>=12 && $now_hours<17)
{
$vremya = 'den';
}
elseif($now_hours>=17 && $now_hours<=23)
{
$vremya = 'vecher';
}
?>

И в файл стилей style.css добавляем нужную шапку, например:

/* Ночь */
.vremya-noch {
background:url /images/noch.jpg ;
}
/* Утро */
.vremya-utro {
background:url /images/utro.jpg ;
}
/* День */
.vremya-den {
background:url /images/den.jpg ;
}
/* Вечер */
.vremya-vecher {
background:url /images/winter.jpg ;
}

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

Категория: WordPress | Теги:

Оставьте свой комментарий