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.

By danielmd

Me gusta programar, diseñar, inventar y editar, pero lo que más me gusta es divertirme con lo que hago o escribo en este pequeño espacio, así que espero les guste lo que hago.

6 thoughts on “How to: Colocar Imágenes aleatorias en wordpress”
  1. Lo estas haciendo en localhost?
    Otra cosa, es que se me hace que los widgets de texto filtran el código PHP, por eso no te sale, tendrías que editar y colocar ese widget desde tu archivo sidebar.php

    1. SI!, mira lo que pasa es que quiero colocar a un costado de mi sitio, como una barra laterlar (con la misma posicion de un widget de calendario etc.. ), las imagenes aleatorias, que cuando se recargue la pagina me muestre una imagen diferente.. ps el codigo de sidebar2.php no es que lo entendienda muy bn.. consultare y te comentare mas adelantos 😉

      1. busca en el codigo de tu sidebar.php la parte donde mande llamar algun codigo como ultimas entradas, blogroll, paginas etc..

        Por lo regular lo encontraras en algún DIV.

        copia eso pegalo debajo de donde lo quieras poner y solo borra su contenido dentro de los DIV, luego solo pega el código que pongo aquií dentro de ellos.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.