How to: Colocar Imágenes aleatorias en wordpress

Para todos los que utilizan wordpress y quieran mostrar imágenes aleatorias en alguna parte de su theme como el header, sidebar, footer o cualquier otra parte, tal ves les sirva este pequeño código macuarro y sencillo que me aventé hace rato.
Para hacer esto simplemente tienen que pegar este código donde van a mostrar la imagen aleatoria(abajo explico).

1
2
3
<!--RANDOM IMG-->
<img src="<?php bloginfo('template_url'); ?>/RANDOMIMG/<?php $num=rand(1, 8); echo ''.$num; ?>.png" tag="texto por si no aparece la imagen" width="200" height="200" border="0">
<!-- RANDOM IMG-->

Pero antes de hacer eso deben crear una carpeta dentro del theme que estén utilizando donde van a meter las imágenes número.png o jpg que quieren que aparezcan, todas numeradas del 1 al numero que quieran(también pueden empezar del 0.png), luego deben reemplazar en el código la parte donde dice RANDOMIMG por el nombre de su carpeta.
Explicación del código:
Como ven se llama una imagen con una etiqueta html llamada img solo que le vamos agregar un poco de php para que trabaje como queremos, para hacer uso de php abrimos con <?php y cerramos con ?> todo lo que este contenido entre esas etiquetas es programación php, lo demás es simple html.
¿Que es <?php bloginfo(‘template_url’); ?>?
Con esta función de wordpress jalaremos la ruta actual del theme de wordpress que estamos utilizando, por ejemplo : http://soycachanilla.com/wp-conten/themes/soyca/
Y esto <?php $num=rand(1, 8); echo ”.$num; ?>?
En esta parte vamos a generar un número aleatorio utilizando la función php rand donde le indicamos que va generar un número aleatorio del 1 al 8(que sería el numero exacto de imágenes que tenemos,si tiene 7 y ponen 8 podría marcar un error), una ves generado el número lo imprimimos con un echo que junto a la ruta del theme y la carpeta que crearon quedaría algo así dentro de la etiqueta img:
http://soycachanilla.com/wp-conten/themes/soyca/RANDOMIMG/5.png

Para ajustar el tamaño con el que aparecerán las imágenes deben modificar los atributos width=”200″ height=”200″ con el ancho y largo que quieran.

Así de pelada y sin tanto código. Y si quieren algo mas complejo pueden visitar el tutorial de este wey How to: Display a random header image.

6 Comentarios

  1. fernandofer 30 octubre 2009
  2. danielmd 30 octubre 2009
    • fernandofer 31 octubre 2009
      • danielmd 31 octubre 2009
  3. Naoki 5 febrero 2010
    • danielmd 5 febrero 2010

Deja un comentario