Guía para crear una web / Lección 20: Añadir una galería de fotos a una entrada en WordPress

En la lección 20 (la de cierre) de la serie Guía para crear una web mostramos cómo añadir una galería de fotos a una entrada en WordPress. Aunque el método de 2014 sigue siendo básicamente el mismo, con el moderno Block Editor (Gutenberg) ahora es mucho más flexible.

Nota: el vídeo original de esta lección (YouTube) ya no está accesible. En este artículo se incluye la explicación escrita paso a paso.

2014 — Añadir una galería clásica

  1. En el editor de entradas, coloca el cursor donde quieras que aparezca la galería.
  2. Haz clic en el botón «Añadir medios».
  3. Pasa a la pestaña «Crear galería».
  4. Elige 2 o más imágenes del ordenador o de la biblioteca de medios.
  5. «Crear nueva galería» → elige el tipo de enlace (Archivo de medios / Ninguno / Página de adjunto).
  6. Ajusta el número de columnas (por defecto: 3).
  7. «Insertar galería» → se añade a la entrada el shortcode ().
  8. Publica — la galería aparece.

2026 — El método moderno con el Block Editor (Gutenberg)

  1. En el editor de entradas, haz clic en el botón + (añadir bloque).
  2. Elige el bloque «Galería» (o escribe /galería).
  3. «Subir» o «Biblioteca de medios» → elige las imágenes.
  4. Desde el panel de bloque de la derecha:
    • Número de columnas: 1-8.
    • Recortar imágenes: para que se vean del mismo tamaño.
    • Enlace: archivo de medios, página de adjunto, ninguno.
    • Tamaño: thumbnail, medium, large, full.
  5. Ordena las imágenes una a una con drag & drop.
  6. Previsualiza y publica.

Plugins de galería avanzados en 2026

  • FooGallery: lightbox, masonry, lazy-load.
  • Envira Gallery: independiente del tema, integración con e-commerce.
  • Modula: ahora con diseño automático mediante IA.
  • WP Photo Album Plus: para archivos fotográficos muy grandes.

Consejos de rendimiento

  • La conversión a WebP / AVIF es obligada (ShortPixel, Imagify).
  • Si la galería es grande, usa lazy loading — que solo cargue al hacerse visible.
  • Especifica los tamaños de imagen en el HTML — baja el Cumulative Layout Shift (CLS).
  • Si hay más de 20 miniaturas, scroll infinito o paginación.

Una mirada de 2014 a 2026

El cierre de esta serie de 20 lecciones. En 2014, eso de «crear una web» era realmente complicado: dominio, hosting, FTP, MySQL, plugins, PSD de temas… Hoy:

  • Instalación de WordPress con un clic (función habitual de los paneles).
  • No hace falta comprar un tema — Block Editor + Astra/Kadence bastan.
  • El SSL es gratuito y automático.
  • Si queremos, podemos empezar incluso sin código con Substack / Ghost / WordPress.com.
Nota de 2026: la serie Guía para crear una web se completó en 20 lecciones. Hoy el mismo resultado podría enseñarse en la mitad de 1-2 lecciones — porque el combo WordPress + Cloudflare + Block Editor lo hace todo. El valor de la serie antigua es «histórico» — pero la lógica básica (hosting, dominio, DNS, FTP) sigue siendo la misma.

Deja un comentario

Tu dirección de correo no se publicará. Los campos obligatorios están marcados *