{"id":11571,"date":"2024-12-11T19:22:30","date_gmt":"2024-12-11T19:22:30","guid":{"rendered":"https:\/\/wcanvas.com\/?post_type=blogs&#038;p=11571"},"modified":"2024-12-23T18:36:10","modified_gmt":"2024-12-23T18:36:10","slug":"como-mostrar-una-imagen-aleatoria-en-wordpress","status":"publish","type":"blogs","link":"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/","title":{"rendered":"C\u00f3mo Mostrar una Imagen Aleatoria en WordPress\u200b"},"content":{"rendered":"\n<p>Aprender c\u00f3mo mostrar una imagen aleatoria en WordPress no es muy com\u00fan, pero existen todo tipo de sitios web.<\/p>\n\n\n\n<p>Quiz\u00e1s gestion\u00e1s el sitio web de una escuela y quer\u00e9s mostrar diversas im\u00e1genes de eventos. Tal vez sos fot\u00f3grafo y quer\u00e9s mostrar una foto aleatoria. Hay muchas razones para mostrar una imagen aleatoria.<\/p>\n\n\n\n<p>En este art\u00edculo, vamos a explorar 2 plugins de WordPress que te permitir\u00e1n mostrar im\u00e1genes aleatorias en tus publicaciones y p\u00e1ginas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusiones Principales<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Los plugins Hot Random Image e Image Refresh te permiten mostrar im\u00e1genes aleatorias en tu sitio WordPress.<\/li>\n\n\n\n<li>Puedes insertar im\u00e1genes aleatorias utilizando shortcodes, bloques personalizados o widgets.<\/li>\n\n\n\n<li>Estos plugins permiten seleccionar de un grupo de im\u00e1genes, dej\u00e1ndote ser m\u00e1s selectivo sobre qu\u00e9 conjunto de im\u00e1genes mostrar de forma aleatoria.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">2 Plugins para Mostrar una Imagen Aleatoria en WordPress<\/h2>\n\n\n\n<p>Si busc\u00e1s en el directorio de plugins de WordPress, encontrar\u00e1s algunos plugins etiquetados como &#8220;imagen aleatoria&#8221;.<\/p>\n\n\n\n<p>La mayor\u00eda est\u00e1n desactualizados, pero encontramos un par que est\u00e1n al d\u00eda. En particular, descubrimos que <a href=\"https:\/\/wordpress.org\/plugins\/hot-random-image\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hot Random Image<\/a> y <a href=\"https:\/\/wordpress.org\/plugins\/mpress-image-refresh\/\" target=\"_blank\" rel=\"noreferrer noopener\">Image Refresh<\/a> son muy \u00fatiles.<\/p>\n\n\n\n<p>Veamos c\u00f3mo funciona cada uno.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Plugin 1: Mostrar una Imagen Aleatoria en WordPress Usando Hot Random Image<\/h3>\n\n\n\n<p>Primero, and\u00e1 a <strong>Plugins &gt; A\u00f1adir nuevo<\/strong> y busc\u00e1 &#8220;Hot Random Image&#8221;. Instalalo y activalo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-1-1024x451.jpg\" alt=\"El directorio de plugins de WordPress. El usuario est\u00e1 buscando e instalando un plugin titulado &quot;Hot Random Image&quot;\" class=\"wp-image-11522\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-1-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-1-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-1-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-1.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Despu\u00e9s de instalarlo y activarlo, este plugin no tendr\u00e1 una pantalla de configuraci\u00f3n dedicada en el panel de administraci\u00f3n. En cambio, ten\u00e9s tres opciones para usarlo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Un bloque de Gutenberg<\/li>\n\n\n\n<li>Un shortcode<\/li>\n\n\n\n<li>Un widget<\/li>\n<\/ul>\n\n\n\n<p>Vamos a recorrer cada opci\u00f3n.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">C\u00f3mo Usar el Bloque Gutenberg de Hot Random Image<\/h4>\n\n\n\n<p>Para usar el bloque, and\u00e1 a cualquier publicaci\u00f3n o p\u00e1gina de WordPress y hac\u00e9 clic en <strong>A\u00f1adir bloque<\/strong>. Busc\u00e1 el bloque \u201cHot Random Image\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-2-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 agregando un bloque personalizado introducido con el plugin Hot Random Image\" class=\"wp-image-11524\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-2-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-2-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-2-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-2.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>El nuevo bloque mostrar\u00e1 una imagen de marcador de posici\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-3-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 agregando un bloque personalizado introducido con el plugin Hot Random Image\" class=\"wp-image-11526\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-3-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-3-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-3-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-3.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Por ahora, el bloque no hace nada porque necesit\u00e1s configurar una ubicaci\u00f3n dentro de tu instalaci\u00f3n de WordPress desde donde el plugin va a extraer las im\u00e1genes.<\/p>\n\n\n\n<p>Para hacerlo, hac\u00e9 clic en el bloque y us\u00e1 sus configuraciones en la barra lateral derecha. Si no ves las configuraciones, asegurate de estar en la pesta\u00f1a <strong>Bloque<\/strong> de la barra lateral. Necesitar\u00e1s proporcionar una ubicaci\u00f3n v\u00e1lida para la configuraci\u00f3n de <strong>Ruta<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-4-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 configurando un bloque personalizado introducido con el plugin Hot Random Image\" class=\"wp-image-11528\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-4-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-4-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-4-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-4.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La ubicaci\u00f3n es relativa al <a href=\"https:\/\/wcanvas.com\/es\/blog\/how-to-find-your-wordpress-installation-path\/\" target=\"_blank\" rel=\"noreferrer noopener\">directorio ra\u00edz<\/a> de tu instalaci\u00f3n de WordPress, por lo que deber\u00eda ser algo como <code>wp-content\/uploads\/2024\/12<\/code>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-5-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 configurando un bloque personalizado introducido con el plugin Hot Random Image\" class=\"wp-image-11530\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-5-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-5-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-5-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-5.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Si vas a la p\u00e1gina en vivo despu\u00e9s de ingresar la ubicaci\u00f3n de la carpeta, ver\u00e1s que el plugin funciona correctamente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-6-1024x451.jpg\" alt=\"Una publicaci\u00f3n de WordPress mostrando una imagen elegida aleatoriamente desde una carpeta interna\" class=\"wp-image-11532\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-6-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-6-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-6-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-6.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Al actualizar la p\u00e1gina, ver\u00e1s una nueva imagen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-7-1024x451.jpg\" alt=\"Una publicaci\u00f3n de WordPress mostrando una imagen elegida aleatoriamente desde una carpeta interna\" class=\"wp-image-11534\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-7-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-7-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-7-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-7.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Si quer\u00e9s ir un paso m\u00e1s all\u00e1, podr\u00edas conectarte a tu sitio WordPress v\u00eda FTP, cPanel, un administrador de archivos o cualquier otro panel de control de hosting para crear una nueva carpeta donde puedas colocar solo las im\u00e1genes que quer\u00e9s que el plugin muestre, en lugar de cada imagen en una carpeta por defecto.<\/p>\n\n\n\n<p>Por ejemplo, podr\u00edas crear un <code>random-image-folder<\/code> dentro de <code>uploads<\/code> y mover manualmente im\u00e1genes espec\u00edficas dentro de \u00e9l.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-8-1024x451.jpg\" alt=\"La interfaz del cliente FTP FileZilla. El usuario acaba de crear una nueva carpeta\" class=\"wp-image-11536\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-8-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-8-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-8-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-8.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Entonces modificar\u00edas la configuraci\u00f3n de <strong>Ruta<\/strong> del bloque para que sea <code>wp-content\/uploads\/random-image-folder<\/code>.<\/p>\n\n\n\n<p>De esta manera, el bloque mostrar\u00eda solo im\u00e1genes que provienen de una carpeta espec\u00edfica donde colocaste todas las im\u00e1genes que quer\u00e9s mostrar aleatoriamente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo Usar el Shortcode de Hot Random Image<\/h3>\n\n\n\n<p>Este m\u00e9todo es similar al primero, pero implica usar el bloque Shortcode en lugar del bloque personalizado que introduce el plugin.<\/p>\n\n\n\n<p>And\u00e1 a cualquier publicaci\u00f3n o p\u00e1gina de WordPress y hac\u00e9 clic en <strong>A\u00f1adir bloque<\/strong>. Busc\u00e1 el bloque \u201cShortcode\u201d. El shortcode a ingresar tiene la siguiente sintaxis:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">[randomimage path=\"images\/random\" width=\"100%\" height=\"auto\" alt=\"Imagen aleatoria\" link=\"https:\/\/tu-sitio-web.com\/\"]<\/code><\/pre>\n\n\n\n<p>Puedes modificar los par\u00e1metros de ancho, alto, alt y link seg\u00fan sea necesario, pero el par\u00e1metro de ruta debe llevar a una ubicaci\u00f3n v\u00e1lida dentro de tu instalaci\u00f3n de WordPress. Esta ubicaci\u00f3n debe contener las im\u00e1genes que quieras mostrar de forma aleatoria.<\/p>\n\n\n\n<p>Por ejemplo, podr\u00edas ingresar el siguiente shortcode para mostrar cada imagen subida en diciembre de 2024. Record\u00e1 que la ubicaci\u00f3n de la carpeta es relativa a la ra\u00edz de tu instalaci\u00f3n de WordPress.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">[randomimage path=\"wp-content\/uploads\/2024\/12\" width=\"100%\" height=\"auto\" alt=\"Im\u00e1genes aleatorias\" link=\"https:\/\/tu-sitio-web.com\/\"]<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-9-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 agregando un bloque de shortcode\" class=\"wp-image-11538\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-9-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-9-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-9-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-9.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>El shortcode extraer\u00e1 una imagen aleatoria de la carpeta seleccionada.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-10-1024x451.jpg\" alt=\"Una publicaci\u00f3n de WordPress mostrando una imagen elegida aleatoriamente de todas las im\u00e1genes asociadas con esta publicaci\u00f3n en particular. Fue posible utilizando un plugin\" class=\"wp-image-11540\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-10-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-10-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-10-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-10.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">C\u00f3mo Usar el Widget de Hot Random Image<\/h4>\n\n\n\n<p>Finalmente, puedes usar el widget de Hot Random Image para mostrar im\u00e1genes aleatorias. Para hacerlo, and\u00e1 a <strong>Apariencia &gt; Widgets<\/strong>.<\/p>\n\n\n\n<p>Ten\u00e9 en cuenta que muchos temas, como los temas predeterminados de WordPress, no soportan widgets, por lo que este m\u00e9todo depende de tu tema espec\u00edfico.<\/p>\n\n\n\n<p>Desde la pantalla de Widgets, pod\u00e9s seleccionar una de las \u00e1reas de tu sitio que soportan widgets, como tu(s) pie(s) de p\u00e1gina. Hac\u00e9 clic en el bot\u00f3n <strong>A\u00f1adir bloque<\/strong> y busc\u00e1 el bloque \u201cHot Random Image\u201d.<\/p>\n\n\n\n<p>En nuestro caso, vimos 2 resultados con el mismo nombre. Parece que la opci\u00f3n que parece un calendario es el widget, mientras que la opci\u00f3n cuyo \u00edcono es una pantalla de computadora es el bloque de Gutenberg para usar en el editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-12-1024x451.jpg\" alt=\"El editor de widgets. El usuario est\u00e1 agregando un widget personalizado introducido con el plugin Hot Random Image\" class=\"wp-image-11544\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-12-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-12-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-12-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-12.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Despu\u00e9s de a\u00f1adir el bloque, seleccion\u00e1 una ruta relativa a tu instalaci\u00f3n de WordPress. En nuestro caso, ingresamos <code>wp-content\/uploads\/2024\/12<\/code>. Pod\u00e9s elegir cualquier carpeta que te guste. Despu\u00e9s de a\u00f1adir la ruta, hac\u00e9 clic en <strong>Guardar<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-13-1024x451.jpg\" alt=\"El editor de widgets. El usuario est\u00e1 configurando un widget personalizado introducido con el plugin Hot Random Image\" class=\"wp-image-11546\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-13-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-13-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-13-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-13.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ahora and\u00e1 a tu sitio en vivo y deber\u00edas ver la imagen en la ubicaci\u00f3n que configuraste el bloque. En nuestro caso, aparece en el pie de p\u00e1gina del sitio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-14-1024x451.jpg\" alt=\"Una imagen en el pie de p\u00e1gina de un sitio de WordPress\" class=\"wp-image-11548\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-14-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-14-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-14-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-14.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La ubicaci\u00f3n puede resultar torpe, sin embargo, por lo que puede que necesites editar un poco de CSS para posicionar la imagen en una ubicaci\u00f3n m\u00e1s est\u00e9ticamente equilibrada.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Plugin 2: Mostrar una Imagen Aleatoria en WordPress Usando Image Refresh<\/h3>\n\n\n\n<p>Otro plugin que pod\u00e9s usar para mostrar im\u00e1genes aleatorias en WordPress es Image Refresh. Para instalarlo, and\u00e1 a <strong>Plugins &gt; A\u00f1adir nuevo<\/strong> y busc\u00e1 &#8220;Image Refresh&#8221;. Instalalo y activalo.<\/p>\n\n\n\n<p>Como el plugin no tiene muchas descargas, puede que necesites desplazarte un poco hacia abajo para encontrarlo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-15-1024x451.jpg\" alt=\"El directorio de plugins de WordPress visto desde el panel de administraci\u00f3n\" class=\"wp-image-11550\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-15-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-15-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-15-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-15.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Similar al plugin anterior, Image Refresh no tiene una p\u00e1gina de configuraci\u00f3n y funciona con un shortcode que pod\u00e9s a\u00f1adir a cualquier publicaci\u00f3n, p\u00e1gina o publicaci\u00f3n personalizada. El shortcode tiene m\u00faltiples par\u00e1metros que pod\u00e9s explorar en las <a href=\"https:\/\/wordpress.org\/plugins\/mpress-image-refresh\/#faq-header\" target=\"_blank\" rel=\"noreferrer noopener\">preguntas frecuentes<\/a> del plugin.<\/p>\n\n\n\n<p>Dicho eso, la forma por defecto de este plugin de mostrar im\u00e1genes aleatorias es un poco inc\u00f3moda, as\u00ed que la explicaremos primero y luego ofreceremos una alternativa.<\/p>\n\n\n\n<p>Por defecto, todo lo que tienes que hacer es ingresar el shortcode <code>[mpress_image_refresh]<\/code>, y el plugin muestra cada imagen asociada con la publicaci\u00f3n o p\u00e1gina espec\u00edfica donde ingresaste el c\u00f3digo.<\/p>\n\n\n\n<p>As\u00ed que, and\u00e1 a cualquier publicaci\u00f3n o p\u00e1gina e insert\u00e1 el bloque de <strong>Imagen<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-16-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 a\u00f1adiendo el bloque de Imagen\" class=\"wp-image-11552\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-16-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-16-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-16-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-16.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Una vez que el bloque est\u00e9 en su lugar, seleccion\u00e1 la opci\u00f3n de <strong>Biblioteca de medios<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-17-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 abriendo la Biblioteca de Medios desde el bloque de Imagen\" class=\"wp-image-11554\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-17-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-17-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-17-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-17.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Una vez en la Biblioteca de Medios, and\u00e1 a la pesta\u00f1a <strong>Subir archivo<\/strong> y hac\u00e9 clic en <strong>Seleccionar archivos<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeP8GVbBHqvgN2O-RgRjJB6oYL1QG67AtI1ynTsERaXjEArvG-dgXGtj3HEnXoAqicMTY7p2rUdtIwX-WqLSfPgkRYd3eIdhhqKcu8vHMdy7L_2keEOZgLNKe15QJhNSJO1ywL5?key=c4SPaA7DMUuS2WT84FYn3VE3\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 navegando por la Biblioteca de Medios y subiendo un archivo desde un post\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-18-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 navegando por la Biblioteca de Medios y subiendo un archivo desde un post\" class=\"wp-image-11556\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-18-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-18-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-18-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-18.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Seleccion\u00e1 todas las im\u00e1genes que quer\u00e9s mostrar de forma aleatoria en esta p\u00e1gina o publicaci\u00f3n en particular. Cada imagen que subas desde esta interfaz se asociar\u00e1 con esta p\u00e1gina o publicaci\u00f3n.<\/p>\n\n\n\n<p>No necesitas siquiera hacer que estas im\u00e1genes formen parte del contenido de tu publicaci\u00f3n; solo necesitan estar asociadas al ser subidas mientras est\u00e1s en esta publicaci\u00f3n\/p\u00e1gina.<\/p>\n\n\n\n<p>Despu\u00e9s de haber subido las im\u00e1genes, us\u00e1 el bloque de <strong>Shortcode<\/strong> e ingres\u00e1 el c\u00f3digo <code>[mpress_image_refresh size=\u201dmedium\u201d]<\/code>. Pod\u00e9s evitar usar el par\u00e1metro <code>size<\/code>, pero las im\u00e1genes pueden terminar siendo demasiado grandes para el ancho de tu publicaci\u00f3n o p\u00e1gina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-19-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario a\u00f1adi\u00f3 un shortcode y est\u00e1 guardando los cambios\" class=\"wp-image-11558\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-19-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-19-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-19-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-19.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Despu\u00e9s de guardar los cambios, tu publicaci\u00f3n deber\u00eda mostrar una imagen aleatoria de todas las im\u00e1genes asociadas con esta publicaci\u00f3n o p\u00e1gina espec\u00edfica. Recargar la p\u00e1gina deber\u00eda hacer que aparezca una nueva imagen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-20-1024x451.jpg\" alt=\"Una publicaci\u00f3n de WordPress mostrando una imagen elegida aleatoriamente del grupo de im\u00e1genes asociadas con esta publicaci\u00f3n espec\u00edfica\" class=\"wp-image-11560\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-20-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-20-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-20-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-20.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">C\u00f3mo Seleccionar de un Grupo de Im\u00e1genes Usando Image Refresh<\/h4>\n\n\n\n<p>Si prefer\u00eds elegir im\u00e1genes de un grupo espec\u00edfico, en lugar de estar limitado a las im\u00e1genes asociadas con una publicaci\u00f3n o p\u00e1gina dada, el shortcode de este plugin te permite hacerlo.<\/p>\n\n\n\n<p>Primero, necesit\u00e1s conocer el ID de imagen de cada imagen que quer\u00e9s en el grupo aleatorio. Para hacerlo, and\u00e1 a <strong>Medios &gt; Biblioteca<\/strong>. Hac\u00e9 clic en cualquier imagen que quieras a\u00f1adir al grupo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-21-1024x451.jpg\" alt=\"La Biblioteca de Medios de WordPress, mostrando m\u00faltiples im\u00e1genes subidas\" class=\"wp-image-11562\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-21-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-21-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-21-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-21.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La \u00faltima parte de la URL identifica el ID de la imagen que est\u00e1s viendo en la parte <code>item=ID<\/code>. En este caso, es <code>10<\/code>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-22-1024x451.jpg\" alt=\"La Biblioteca de Medios de WordPress, mostrando una imagen espec\u00edfica\" class=\"wp-image-11564\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-22-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-22-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-22-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-22.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tom\u00e1 nota de cada ID de imagen que quer\u00e9s a\u00f1adir al grupo. Una vez tengas cada ID que quer\u00e9s, volv\u00e9 a tu publicaci\u00f3n o p\u00e1gina e ingresa el siguiente shortcode, a\u00f1adiendo tus propios IDs de imagen.<\/p>\n\n\n\n<p>Separ\u00e1 cada ID con una coma y acordate de configurar un tama\u00f1o si las im\u00e1genes son demasiado grandes en su tama\u00f1o original.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">[mpress_image_refresh attachment=\"9, 10, 27\" size=\"medium\"]<\/code><\/pre>\n\n\n\n<p>Ahora, el plugin solo mostrar\u00e1 las im\u00e1genes cuyas conexiones especificaste en el shortcode.<\/p>\n\n\n\n<p>El plugin Image Refresh realmente tiene varios par\u00e1metros con los que pod\u00e9s jugar, permiti\u00e9ndote mostrar im\u00e1genes aleatorias de varias maneras controladas. Prob\u00e1 usarlos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comenz\u00e1 a Mostrar Im\u00e1genes Aleatorias en WordPress<\/h2>\n\n\n\n<p>Mostrar im\u00e1genes aleatorias en WordPress es posible y solo requiere instalar y usar un plugin dedicado a esta tarea.<\/p>\n\n\n\n<p>Estos plugins te permiten mostrar im\u00e1genes aleatorias usando shortcodes, widgets o bloques personalizados de Gutenberg. Te permiten seleccionar de cada imagen en tu sitio o de un grupo de im\u00e1genes espec\u00edficas para aleatorizar, d\u00e1ndote cierta flexibilidad sobre lo que quer\u00e9s mostrar.<\/p>\n\n\n\n<p>Si encontraste \u00fatil esta publicaci\u00f3n, <a href=\"https:\/\/wcanvas.com\/es\/blogs\/\" target=\"_blank\" rel=\"noreferrer noopener\">le\u00e9 nuestro blog<\/a> y <a href=\"https:\/\/wcanvas.com\/es\/resources\/\" target=\"_blank\" rel=\"noreferrer noopener\">recursos para desarrolladores<\/a> para m\u00e1s ideas y gu\u00edas!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprender c\u00f3mo mostrar una imagen aleatoria en WordPress no es muy com\u00fan, pero existen todo tipo de sitios web. Quiz\u00e1s gestion\u00e1s el sitio web de una escuela y quer\u00e9s mostrar diversas im\u00e1genes de eventos. Tal vez sos fot\u00f3grafo y quer\u00e9s mostrar una foto aleatoria. Hay muchas razones para mostrar una imagen aleatoria. En este art\u00edculo, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11566,"template":"","blog-categories":[77,78],"class_list":["post-11571","blogs","type-blogs","status-publish","has-post-thumbnail","hentry","blog-categories-paso-a-paso","blog-categories-plugins-y-herramientas"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo Mostrar una Imagen Aleatoria en WordPress\u200b - White Canvas<\/title>\n<meta name=\"description\" content=\"Aprend\u00e9 c\u00f3mo representar im\u00e1genes aleatoria en WordPress utilizando plugins que funcionan en todas las p\u00e1ginas y posts de tu sitio.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo Mostrar una Imagen Aleatoria en WordPress\u200b - White Canvas\" \/>\n<meta property=\"og:description\" content=\"Aprend\u00e9 c\u00f3mo representar im\u00e1genes aleatoria en WordPress utilizando plugins que funcionan en todas las p\u00e1ginas y posts de tu sitio.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"White Canvas\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-23T18:36:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-HERO.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"528\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": [\n\t                \"Article\",\n\t                \"BlogPosting\"\n\t            ],\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/\"\n\t            },\n\t            \"author\": {\n\t                \"@type\": \"Organization\",\n\t                \"name\": \"Wcanvas\",\n\t                \"url\": \"https:\/\/wcanvas.com\/\"\n\t            },\n\t            \"headline\": \"C\u00f3mo Mostrar una Imagen Aleatoria en WordPress\u200b\",\n\t            \"datePublished\": \"2024-12-11T19:22:30+00:00\",\n\t            \"dateModified\": \"2024-12-23T18:36:10+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@type\": \"WebPage\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/\"\n\t            },\n\t            \"wordCount\": 1678,\n\t            \"publisher\": {\n\t                \"@type\": \"Organization\",\n\t                \"name\": \"Wcanvas\",\n\t                \"logo\": {\n\t                    \"@type\": \"ImageObject\",\n\t                    \"url\": \"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png\"\n\t                }\n\t            },\n\t            \"image\": [],\n\t            \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-HERO.jpg\",\n\t            \"inLanguage\": \"es\",\n\t            \"description\": null\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/\",\n\t            \"name\": \"C\u00f3mo Mostrar una Imagen Aleatoria en WordPress\u200b - White Canvas\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-HERO.jpg\",\n\t            \"datePublished\": \"2024-12-11T19:22:30+00:00\",\n\t            \"dateModified\": \"2024-12-23T18:36:10+00:00\",\n\t            \"description\": \"Aprend\u00e9 c\u00f3mo representar im\u00e1genes aleatoria en WordPress utilizando plugins que funcionan en todas las p\u00e1ginas y posts de tu sitio.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"es\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"es\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/#primaryimage\",\n\t            \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-HERO.jpg\",\n\t            \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-HERO.jpg\",\n\t            \"width\": 1200,\n\t            \"height\": 528,\n\t            \"caption\": \"A closeup of a tablet or smartphone displaying the WordPress app on the app store\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/wcanvas.com\/es\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Blogs\",\n\t                    \"item\": \"https:\/\/wcanvas.com\/es\/blogs\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 3,\n\t                    \"name\": \"C\u00f3mo Mostrar una Imagen Aleatoria en WordPress\u200b\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#website\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t            \"name\": \"White Canvas\",\n\t            \"description\": \"\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/wcanvas.com\/es\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"es\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\",\n\t            \"name\": \"White Canvas\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"es\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t                \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t                \"width\": 115,\n\t                \"height\": 32,\n\t                \"caption\": \"White Canvas\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\"\n\t            },\n\t            \"alternateName\": \"Wcanvas\",\n\t            \"contactPoint\": [\n\t                {\n\t                    \"@type\": \"ContactPoint\",\n\t                    \"telephone\": \"+1 (347) 688 2902\",\n\t                    \"contactType\": \"sales\",\n\t                    \"contactOption\": \"TollFree\",\n\t                    \"areaServed\": \"US\",\n\t                    \"availableLanguage\": \"en\"\n\t                },\n\t                {\n\t                    \"@type\": \"ContactPoint\",\n\t                    \"telephone\": \"+54 (11) 5236 4717\",\n\t                    \"contactType\": \"sales\",\n\t                    \"contactOption\": \"TollFree\",\n\t                    \"areaServed\": \"AR\",\n\t                    \"availableLanguage\": \"es\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198\",\n\t            \"name\": \"Nicolas Pisani\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"es\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/\",\n\t                \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t                \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t                \"caption\": \"Nicolas Pisani\"\n\t            },\n\t            \"sameAs\": [\n\t                \"https:\/\/wcanvas.com\",\n\t                \"#\",\n\t                \"https:\/\/www.instagram.com\/whitecanvasteam\/\",\n\t                \"https:\/\/x.com\/wcanvas\"\n\t            ]\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo Mostrar una Imagen Aleatoria en WordPress\u200b - White Canvas","description":"Aprend\u00e9 c\u00f3mo representar im\u00e1genes aleatoria en WordPress utilizando plugins que funcionan en todas las p\u00e1ginas y posts de tu sitio.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo Mostrar una Imagen Aleatoria en WordPress\u200b - White Canvas","og_description":"Aprend\u00e9 c\u00f3mo representar im\u00e1genes aleatoria en WordPress utilizando plugins que funcionan en todas las p\u00e1ginas y posts de tu sitio.","og_url":"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/","og_site_name":"White Canvas","article_modified_time":"2024-12-23T18:36:10+00:00","og_image":[{"width":1200,"height":528,"url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-HERO.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/#article","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/"},"author":{"@type":"Organization","name":"Wcanvas","url":"https:\/\/wcanvas.com\/"},"headline":"C\u00f3mo Mostrar una Imagen Aleatoria en WordPress\u200b","datePublished":"2024-12-11T19:22:30+00:00","dateModified":"2024-12-23T18:36:10+00:00","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/"},"wordCount":1678,"publisher":{"@type":"Organization","name":"Wcanvas","logo":{"@type":"ImageObject","url":"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png"}},"image":[],"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-HERO.jpg","inLanguage":"es","description":null},{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/","url":"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/","name":"C\u00f3mo Mostrar una Imagen Aleatoria en WordPress\u200b - White Canvas","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-HERO.jpg","datePublished":"2024-12-11T19:22:30+00:00","dateModified":"2024-12-23T18:36:10+00:00","description":"Aprend\u00e9 c\u00f3mo representar im\u00e1genes aleatoria en WordPress utilizando plugins que funcionan en todas las p\u00e1ginas y posts de tu sitio.","breadcrumb":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/#primaryimage","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-HERO.jpg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/random-image-HERO.jpg","width":1200,"height":528,"caption":"A closeup of a tablet or smartphone displaying the WordPress app on the app store"},{"@type":"BreadcrumbList","@id":"https:\/\/wcanvas.com\/es\/blog\/como-mostrar-una-imagen-aleatoria-en-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wcanvas.com\/es\/"},{"@type":"ListItem","position":2,"name":"Blogs","item":"https:\/\/wcanvas.com\/es\/blogs\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo Mostrar una Imagen Aleatoria en WordPress\u200b"}]},{"@type":"WebSite","@id":"https:\/\/wcanvas.com\/es\/#website","url":"https:\/\/wcanvas.com\/es\/","name":"White Canvas","description":"","publisher":{"@id":"https:\/\/wcanvas.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wcanvas.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wcanvas.com\/es\/#organization","name":"White Canvas","url":"https:\/\/wcanvas.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","width":115,"height":32,"caption":"White Canvas"},"image":{"@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/"},"alternateName":"Wcanvas","contactPoint":[{"@type":"ContactPoint","telephone":"+1 (347) 688 2902","contactType":"sales","contactOption":"TollFree","areaServed":"US","availableLanguage":"en"},{"@type":"ContactPoint","telephone":"+54 (11) 5236 4717","contactType":"sales","contactOption":"TollFree","areaServed":"AR","availableLanguage":"es"}]},{"@type":"Person","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198","name":"Nicolas Pisani","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","caption":"Nicolas Pisani"},"sameAs":["https:\/\/wcanvas.com","#","https:\/\/www.instagram.com\/whitecanvasteam\/","https:\/\/x.com\/wcanvas"]}]}},"_links":{"self":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs\/11571","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs"}],"about":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/types\/blogs"}],"author":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media\/11566"}],"wp:attachment":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media?parent=11571"}],"wp:term":[{"taxonomy":"blog-categories","embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blog-categories?post=11571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}