Inicio » WordPress

Mostrar imágenes de headers alateatorios en WordPress

Desde el sitio Ayuda WordPress nos traen una sencilla e interesante forma de adornar nuestro blog para que llame la atención, consiste en un pequeño truco que hace que se muestren imágenes de cabecera aleatorias en nuestra web.

Para lograr este agradable efecto sólo debemos modificar los títulos de las imágenes y tenerlas ya creadas de antes y finalmente, utilizarermos la función PHP rand() la cual nos da la posibilidad de obtener un número aleatorio para la aparición de nuestras imágenes.

En nuestro caso el número aleatorio será entre 1 y 99. Si el número resultante es menor o igual a 33 se mostrará la primera imagen de cabecera, si es menor o igual que 66 se mostrará la segunda y si es menor o igual a 99 veremos la tercera.

Obviamente todos estos parámetros son completamente configurables.

Para lograr este efecto sólo hace falta copiar el siguiente código en header.php:

<?php
$result_random=rand(1, 99);
if($result_random<=33){ ?>
<div id=”header” style=”background:transparent url(images/cabecera1.png) no-repeat top left;”>
<?php }
elseif($result_random<=66){ ?>
<div id=”header” style=”background:transparent url(images/cabecera2.png) no-repeat top left;”>
<?php }
elseif($result_random<=99){ ?>
<div id=”header” style=”background:transparent url(images/cabecera3.png) no-repeat top left;”>
<?php } ?>
<!– Aquí va el código del header –>
</div>

Fuente: Ayuda WordPress


1 Estrella2 Estrellas3 Estrellas4 Estrellas5 Estrellas (Sin votos)
Loading ... Loading ...

Artículos relacionados

Escribir Comentario

Puede usar los siguientes tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>