Presento Indaga Galerías 1.0.0, un plugin nativo para mostrar imágenes de la Biblioteca de medios como carrusel o rejilla, con visor y sin dependencias de terceros
Valencia, 11/11/2026, G.B.
Me apetecía poder mostrar sliders y galerías de fotos en el blog sin instalar nada de terceros, así que me he hecho un plugin propio. Se llama Indaga Galerías, va por la versión 1.0.0 y hace justo eso: coge imágenes de la Biblioteca de medios y las muestra como carrusel o como rejilla, con un visor para ampliarlas. Todo en un único fichero PHP y sin librerías externas.
¿Por qué un plugin propio si WordPress ya tiene galerías?
Porque lo que trae el editor se me quedaba corto. Desde WordPress 6.4 el bloque Imagen incluye la opción de ampliar al hacer clic, pero es un visor básico pensado para imágenes sueltas: según WPBeginner, en una galería hay que activarlo imagen por imagen. Y un carrusel, directamente, no lo trae.
Para cubrir ese hueco lo habitual son plugins de terceros con sus librerías, sus hojas de estilo y sus actualizaciones. Yo prefiero lo que ya he hecho con el resto de plugins del sitio: algo pequeño, que controlo yo y que solo carga lo necesario.
¿Cómo se crea un slider o una galería?
Desde el panel Indaga Galerías del menú de administración, en la pestaña Instancias. Una instancia es un conjunto de imágenes con su configuración, y sirve igual para mostrarlo como slider o como galería.
- Pulsas Añadir instancia y le pones un identificador (por ejemplo
capturas) y un nombre. - Con Seleccionar imágenes eliges las fotos de la Biblioteca de medios y las ordenas con las flechas de cada miniatura.
- Ajustas la proporción (16:9, 21:9, 3:2, 4:3 o 1:1), las columnas, el autoplay, las leyendas y el visor.
- Guardas y copias el shortcode del listado.
El plugin solo guarda los IDs de las imágenes, así que no duplica nada: el texto alternativo y las leyendas salen de la propia Biblioteca de medios.
¿Qué shortcodes y opciones tiene?
Dos shortcodes, uno para el carrusel y otro para la rejilla (nota: pongo dobles corchetes en vez de uno solo para que no se ejecute, ya que ya lo he instalado):
[indaga_slider id="capturas"]
[indaga_galeria id="capturas"]Y estos atributos opcionales, que sustituyen a lo guardado en la instancia:
id: identificador de la instancia. Es obligatorio salvo que usesids.ids: lista de IDs de imágenes separados por comas, para usarlo sin instancia.leyendas:siono.lightbox:siono, para activar o desactivar el visor.autoplay: segundos entre diapositivas, de 0 a 30 (solo slider). Con 0 no avanza solo.columnas: de 1 a 6 (solo galería). En móvil baja a 2 y después a 1.
Por ejemplo, una rejilla de cuatro columnas sin leyendas:
[indaga_galeria id="capturas" columnas="4" leyendas="no"]¿Se puede usar sin crear una instancia antes?
Sí, con el atributo ids. Es útil para algo rápido, como un par de capturas en una entrada:
[indaga_slider ids="12,15,18"]El ID de cada imagen aparece en la barra de direcciones cuando la abres en la Biblioteca de medios. En este modo se aplican las opciones por defecto, y si además indicas un id de instancia, usa las opciones de esa instancia pero con tus imágenes.
Un ejemplo
¿Carga librerías externas o pesa mucho?
No carga ninguna librería. El carrusel se apoya en CSS scroll-snap y un JavaScript mínimo para las flechas, los puntos y el teclado, y el visor usa el elemento dialog del propio navegador. MDN clasifica el método showModal() como una funcionalidad bien establecida, disponible en los principales navegadores desde marzo de 2022. Si alguno no lo soporta, el clic abre la imagen a tamaño completo y ya está.
El CSS y el JavaScript van embebidos en el plugin y solo se cargan en las páginas que contienen alguno de los shortcodes. Las imágenes usan los tamaños que WordPress ya genera, con srcset y carga diferida, y el visor solo descarga la imagen grande cuando haces clic.
¿Es accesible?
Sí, en lo básico, y es algo que quería cuidar. El autoplay viene desactivado por defecto. Si lo activas aparece un botón de pausa, el avance se detiene al pasar el ratón o al enfocar con el teclado, y no se activa nunca si el sistema del usuario tiene reducido el movimiento. Va en la línea del criterio 2.2.2 de las pautas WCAG del W3C, que pide poder pausar, detener u ocultar el contenido que se mueve o se actualiza solo y se muestra junto a otro contenido (W3C).
Además, el carrusel se maneja con el teclado (flechas, Inicio y Fin), el visor se cierra con Esc y se recorre con las flechas, hay etiquetas ARIA, foco visible y el texto alternativo de cada imagen sale de la Biblioteca de medios.
¿Qué le falta?
Poco de lo vistoso, a propósito. Es una 1.0.0 y la he dejado sencilla: rejilla uniforme, carrusel horizontal y visor. No hay masonry, ni efectos de transición, ni vídeo. Las imágenes se recortan al centro con la proporción elegida para que el conjunto quede uniforme, así que si quieres ver la foto entera conviene escoger la proporción que más se parezca a la original. Y como con el resto de plugins, lo iré ajustando según lo vaya usando.
Como siempre, lo tienes en la página de plugins del blog.
Ficha técnica
- Fecha: noviembre 2026
- Nombre: Indaga Galerías
- Versión: 1.0.0
- Autor: Guillermo Beltrán Pilato
- Descripción: Sliders y galerías de imágenes 100% nativos. Instancias gestionadas desde el panel con selector de la Biblioteca de medios, shortcodes
indaga_slidereindaga_galeria(también conidssin crear instancia), visor con dialog nativo, autoplay con pausa y sin dependencias externas. - Tags: slider, galeria, lightbox, imagenes
- Enlace de descarga: pCloud