Como siempre que pongo un manual, lo pongo porque no lo encontré en ninguna parte, y me habría ahorrado tiempo y esfuerzo, así que lo escribo, para que aquel que lo busque mañana, lo encuentre.

Como poner una imagen flotante aleatoria en WordPress

1º.- Creamos todas las imágenes que queramos, del mismo tamaño, y nombradas del modo:

imagen_1, imagen_2, imagen_3…

A continuación las subimos a nuestro servidor dentro de la carpeta específica de nuestro theme. En el ejemplo, llamaré a la carpeta “imagenflotante”.

2º.- Ahora creamos un fichero de texto con el siguiente contenido:

3º.- Ve al fichero style.css, y añade este código:

#flotante {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 200px;
width: 200px;
background: url("img_azar.php?imgazar=./imagenflotante/imagen_&ext=png&a=1&b=3") bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

Donde, en la parte de:

background: url("img_azar.php?imgazar=./imagenflotante/imagen_&ext=png&a=1&b=3") bottom right no-repeat;

/imagenflotante/imagen_ Directorio donde se encuentran las imágenes
a= Número de la primera imagen
b= Número de la última imagen
ext= Extensión de los archivos (jpg, gif, png…)

Y en height y width modificaremos la altura y anchura de las imágenes respectivamente.

Si tenemos 4 imágenes, desde imagen_1 hasta imagen_4, el valor de a será 1, y el de b 4.

4º.- Por último, vamos al archivo sidebar.php de nuestro theme, y al final añadimos

Comenta