Las imágenes de cabecera son habituales en los blogs, algunos no las utilizan, otros usan algún tipo de degradado o similar y otros grandes imágenes llamativas … todavía tienes otra opción más y es la de mostrar una imagen de forma aleatoria. La idea es que cada persona que visite tu blog vea una imagen de cabecera diferente cada vez que accede a una de tus páginas … el resultado es un blog dinámico y menos monótono.
El contrapunto viene desde el punto de vista de que tu blog puede perder personalidad propia definida, ya que una imagen de cabecera es casi una imagen de marca … por otro lado, no es necesario que utilices imágenes radicalmente diferentes, a veces es suficiente un pequeño cambio o detalle que aparezca y desaparezca …
Método sencillo
Una forma sencilla y rápida para conseguir imágenes aleatorias en la cabecera es modificando sus nombres para que tengan todas la misma raíz. Por ejemplo:
imagen-1.jpg
imagen-2.jpg
imagen-3.jpg
imagen-4.jpg
Luego solo tienes que buscar en el archivo header.php el lugar donde se muestra la imagen de cabecera y substituirla por éste código:
<img src=»http://MI-BLOG.COM/imagen-<?php echo(rand(1, 4)); ?>.jpg»
alt=»TEXTO-ALT» />
Solo substituye MI-BLOG.COM por la url de tu blog y TEXTO-ALT por el texto alternativo para la imagen (opcional). La función de PHP rand(1, 4) selecciona un número al azar entre 1 y 4. Si quieres utilizar más o menos imágenes solo tienes que cambiar el 4 por el número que corresponda.
Método complejo
Otro método algo más complicado requiere algo más de programación, pero tiene la ventaja de que funciona con un número indeterminado de imágenes, ya sean 2 o 15, pudiendo añadir o eliminar algunas en cualquier momento sin que afecte al resultado ya que el código utiliza las que haya. Además no hace falta que modifiques el nombre de ninguna imagen.
La única condición es añadir las imágenes en una carpeta concreta solo para las imágenes, por ejemplo la llamaremos img-header.
Una vez que hayas creado la carpeta img-header en el servidor donde tengas hospedado wordpress, sube a él todas las imágenes que quieras y a continuación edita el archivo header.php y modifica el lugar donde aparece la imagen de cabecera por éste código:
$carpetaImagenes=»/img-header»;
$direcImagenes=opendir($carpetaImagenes);
$cont=0;
while ($imagen = readdir($direcImagenes)) {
if($imagen != ‘.’ and $imagen!=’..’)
$imgDir[$cont]=$imagen;
$cont++;
}
$cuantasImg= count($imgDir);
$ImgAzar=rand(1, $cuantasImg);<img src=»http://MI-BLOG.COM/<?php echo $imgDir[$ImgAzar]; ?>.jpg»
alt=»TEXTO-ALT» />
De nuevo, debes substituir MI-BLOG.COM por la url de tu blog y TEXTO-ALT por el texto alternativo opcionalmente.
Si quieres elegir otro nombre de carpeta para las imágenes diferente a img-header entonces actualiza el valor en la primera línea del código anterior.
El código busca automáticamente todas las imágenes que se encuentren en la carpeta img-header y elige una al azar, así que es la forma más eficiente si piensas utilizar un número variable o si piensas cambiarlas cada cierto tiempo.