Cómo crear una galería de fotos en WordPress
Aprende a crear una galería de fotos en WordPress usando el bloque nativo, plugins gratuitos y consejos para que se vea profesional en móviles y escritorio.

Una galería de fotos bien hecha puede ser la diferencia entre un cliente que se queda en tu web y uno que cierra la pestaña. Si vendes productos, muestras tu trabajo de diseño de interiores o tienes un restaurante en Miraflores con platos que merecen verse, necesitas que esas imágenes luzcan bien y carguen rápido.

WordPress tiene opciones para todos los niveles. Aquí te explico desde el método más simple (el bloque nativo de Gutenberg) hasta plugins cuando necesitas más control.

Opción 1: galería nativa con el bloque de WordPress

Si tu instalación de WordPress está actualizada, tienes el editor de bloques Gutenberg. Crear una galería básica no requiere ningún plugin:

  • Abre la entrada o página donde quieres insertar la galería.
  • Haz clic en el botón «+» para añadir un bloque y busca «Galería».
  • Sube las fotos o selecciónalas desde la biblioteca de medios.
  • En el panel lateral ajusta el número de columnas (2, 3 o 4 suelen funcionar bien en escritorio).
  • Activa «Recortar imágenes» si quieres que todas tengan el mismo tamaño y se vean uniformes.

El resultado es una cuadrícula limpia que se adapta automáticamente a móviles. Para galerías sencillas, esto es suficiente.

Límites del bloque nativo

El bloque de galería es funcional pero básico. No tienes lightbox (esa ventana emergente que se abre al hacer clic en una foto), no puedes crear álbumes organizados ni añadir títulos visibles sobre cada imagen. Si tu negocio depende de mostrar portafolios o catálogos extensos, un plugin vale la pena.

Opción 2: plugin Envira Gallery (gratuito)

Envira Gallery tiene versión gratuita que añade lightbox y opciones de diseño que el bloque nativo no trae. La instalación es la de cualquier plugin: ve a Plugins > Añadir nuevo, busca «Envira Gallery», instala y activa.

Una vez activo, aparece un menú «Envira Gallery» en el panel. Crea una galería nueva, sube las fotos, elige una plantilla visual y copia el shortcode que te da. Pégalo en tu página usando el bloque «Shortcode» de Gutenberg.

Opción 3: plugin FooGallery (muy recomendado)

FooGallery es otra opción gratuita muy popular. Tiene plantillas más variadas que Envira en su versión free: cuadrícula justificada, mosaico, portafolio. Ideal si quieres algo más dinámico sin pagar.

El flujo es el mismo: instala el plugin, crea una galería desde su menú, sube o selecciona imágenes, elige la plantilla y copia el shortcode o el bloque que genera.

Cómo organizar las fotos antes de subirlas

Esto lo saltea la mayoría y luego se arrepiente. Antes de subir nada:

  • Renombra los archivos. «foto01.jpg» no le dice nada a Google. Usa nombres descriptivos: «zapatillas-running-lima.jpg», «departamento-miraflores-sala.jpg».
  • Comprime las imágenes. Fotos de 4 MB hacen lenta la web. Usa Squoosh (gratis, en el navegador) o el plugin ShortPixel para comprimir sin perder calidad visible.
  • Usa el campo Alt text. Al subir cada imagen, completa el texto alternativo con una descripción breve. Ayuda al SEO y a usuarios con lectores de pantalla.
  • Tamaño recomendado: para galerías, entre 800 y 1200 px de ancho suele ser suficiente. No subas la foto original de 6000 px si la vas a mostrar en 400 px.

Galerías en WooCommerce: cómo funcionan

Si tu web es una tienda virtual, WooCommerce tiene su propio sistema de galería de producto. En cada producto puedes subir una imagen principal y varias imágenes adicionales que forman la galería. El tema que uses define cómo se muestran (miniaturas laterales, carrusel, zoom al pasar el mouse).

Para tiendas con muchos productos, lo mejor es que el tema tenga buen soporte para las galerías de WooCommerce. Temas como Astra, Flatsome o Kadence lo hacen bien.

Rendimiento: que la galería no mate la velocidad de tu web

El error más frecuente es subir 40 fotos sin comprimir y luego preguntarse por qué la página tarda cinco segundos en cargar. Dos reglas prácticas:

  • Activa la carga diferida (lazy loading): el bloque nativo de Gutenberg ya lo hace por defecto. Los plugins también suelen tenerlo.
  • Usa un plugin de caché como WP Rocket o la versión gratuita de W3 Total Cache para que las imágenes no se descarguen de cero en cada visita.

Si tu hosting está en Perú o en un servidor lento, esto marca una diferencia real en la experiencia del usuario.

¿En qué páginas tiene más sentido una galería?

No pongas galerías en todas partes. Tienen sentido en: portafolio de trabajos, página de servicios con fotos del equipo o instalaciones, páginas de producto en WooCommerce, y galerías de eventos o proyectos terminados. En una página de «Sobre nosotros» con cuatro fotos basta con el bloque de imagen normal.

Si necesitas ayuda para armar una web con galerías profesionales optimizadas para velocidad, en freelo.pe trabajamos con pymes peruanas que quieren resultados reales, no solo una web bonita.

Tipos de galeria segun el objetivo del negocio

No todas las galerias sirven para lo mismo. Antes de elegir el plugin o el bloque, piensa en que quieres que haga el visitante despues de ver las fotos.

  • Portafolio de trabajos: aqui lo importante es que cada imagen se vea en grande con detalle. Un lightbox es casi obligatorio. Usa FooGallery con la plantilla de portafolio o Envira Gallery.
  • Catalogo de productos: si vendes artesanias, ropa o muebles, las imagenes necesitan cargarse rapido y verse uniformes. Comprimir bien y usar cuadricula con recorte activo es la prioridad.
  • Galeria de eventos o proyectos terminados: aqui el volumen de fotos suele ser mayor. Organizar en albumes (FooGallery lo permite en version gratuita) ayuda a que el visitante no se pierda.
  • Tienda WooCommerce: usa el sistema nativo de imagenes de producto. No necesitas plugin adicional salvo que el tema no soporte bien las galerias de WooCommerce.

Accesibilidad en las galerias de WordPress

Un punto que casi nadie considera: las personas con discapacidad visual usan lectores de pantalla para navegar la web. Si tus imagenes no tienen texto alternativo (alt text), esas personas no saben que hay ahi.

No tienes que escribir novelas. Un alt text de «mesa de madera maciza color nogal 120x60cm» es suficiente. El beneficio es doble: ayudas a usuarios con necesidades especiales y le das a Google mas contexto para indexar tus imagenes.

Al subir fotos a WordPress, completa siempre el campo de texto alternativo en la biblioteca de medios. Si ya tienes imagenes subidas sin alt text, puedes editarlas desde Medios > Biblioteca haciendo clic en cada una.

Preguntas frecuentes

¿Necesito un plugin para crear una galería en WordPress?

No siempre. El editor Gutenberg incluye un bloque de galería nativo con cuadrícula y ajuste de columnas. Para funciones como lightbox, álbumes o plantillas avanzadas sí conviene un plugin como FooGallery o Envira.

¿El bloque de galería de WordPress funciona en móviles?

Sí, el bloque nativo es responsivo por defecto. Ajusta las columnas automáticamente según el ancho de pantalla. Aun así, comprueba cómo se ve en móvil antes de publicar.

¿Cómo hago que al hacer clic en una foto se abra en grande?

Eso se llama lightbox. El bloque nativo de Gutenberg lo incluye activando la opción ‘Al hacer clic, expandir’. Los plugins como FooGallery o Envira también lo traen con más opciones de animación.

¿Cuánto pesan las imágenes que debo subir a WordPress?

Lo ideal es que cada imagen no supere los 200-300 KB. Usa herramientas como Squoosh o el plugin ShortPixel para comprimir antes o después de subir. Fotos pesadas ralentizan la carga y perjudican el SEO.

¿Puedo crear varias galerías en distintas páginas de WordPress?

Sí. Tanto el bloque nativo como los plugins permiten crear galerías independientes en cada página o entrada. Con plugins como FooGallery cada galería tiene su propio ID y se inserta donde quieras con un shortcode.

Responsable: Otorongo Negro E.I.R.L. (KOM) | RUC 20604716595 | Derechos ARCOP: legal@kom.pe · Política de Privacidad

Estamos listos para construir algo increíble contigo.

Envíanos un mensaje

Completa el formulario y uno de nuestros especialistas se pondrá en contacto contigo en menos de 24 horas.

Síguenos

codigo yape otorongo negro eirl - Diseño de páginas web en Lima - Perú