Cambiar el diseño del blog según la hora

Cambiar el diseño del blog según la hora

VeraSoul Curiosidades
1 Min.

CSS rojo Diseñar es cuestión de tiempo, y si dispones del suficiente como para crear dos tipos de estilos para tu blog entonces podemos aplicar un pequeño truco con el que dependiendo de la hora en la que se encuentre el servidor, se visualizará un diseño (CSS) u otro.

 

Una vez tengas los estilos diseñados para tu blog debes buscar en el código de tu tema (si dispones del mismo que yo el fichero es header.php) la línea que asigna el estilo.

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

Debiendo modificar el código anterior por el siguiente

<link rel="stylesheet" href="<?php $hour = date("H"); 
if ($hour>= 6 AND $hour <= 19) echo "css/dia.css"; else echo "css/noche.css"; ?>" type="text/css" />

No olvides tener en cuenta que este tema emplea una variable en al que se asigna la dirección donde se encuentra el estilo y que se denomina sytlesheet_url. Por tanto, es conveniente que le indiquemos la ruta de donde se encuentra cada fichero CSS.

La visualización de un estilo u otro dependerá de una variable $hour que se crea asignándose el valor que contenta la hora del servidor en ese momento.

Compartir
Dejar un comentario