Intentar mostrar una colección de fotos en tu sitio de WordPress puede resultar torpe rápidamente. Si las agregas una tras otra, tus visitantes se ven obligados a desplazarse sin fin, lo que hace que tus páginas se vean desordenadas y poco profesionales.
Una galería de imágenes es la solución perfecta. Organiza tus imágenes de forma ordenada en una hermosa cuadrícula, lo que te permite mostrar más fotos en menos espacio.
En WPBeginner, hemos visto de primera mano cómo una galería bien elaborada puede hacer que un sitio web sea más atractivo para los visitantes. Es un cambio simple que hace que tu portafolio, productos o publicaciones de blog se vean pulidos y profesionales.
En esta guía, te mostraremos cómo crear fácilmente una galería de imágenes en WordPress, con y sin un plugin.
¿Por qué crear una galería de imágenes en WordPress?
WordPress hace que sea súper fácil agregar una imagen a tus publicaciones y páginas. Solo necesitas agregar el bloque de Imagen y subir tu imagen.
Sin embargo, si agregas varias imágenes a tu sitio de WordPress, aparecerán una tras otra. Esto no se ve bien y tus usuarios tendrán que desplazarse mucho para verlas todas.
Crear una galería te permite mostrar imágenes en un diseño de cuadrícula con columnas y filas. Puedes mostrar miniaturas de tus imágenes, y los usuarios pueden hacer clic en ellas para ver la imagen completa.
De esta manera, puedes mostrar más fotos en menos espacio, y se verá mucho más profesional.
Por ejemplo, si estás creando un sitio web de fotografía para mostrar tus imágenes, entonces agregar una galería de fotos te permite exhibir tu trabajo de una manera estéticamente agradable.
Con WordPress, puedes crear fácilmente una galería de imágenes usando el bloque de Galería en el editor de bloques de Gutenberg.
También puedes usar plugins de galería de WordPress para crear galerías aún mejores con más funciones.
Dicho esto, veamos cómo crear fácilmente una galería de imágenes en WordPress.
Para este tutorial, mostraremos dos métodos para crear una galería, y puedes usar los enlaces a continuación para saltar al método de tu elección:
- Crear una galería de imágenes con el editor de bloques de WordPress
- Crear una galería de imágenes usando Envira Gallery (Recomendado)
- Extra: Optimizar imágenes de galería para motores de búsqueda
- Tutorial en video
- Preguntas frecuentes sobre galerías de imágenes
- Recursos adicionales
Método 1: Crear una galería de imágenes con el editor de bloques de WordPress
Este método es para crear una galería de imágenes usando el editor de bloques de WordPress. Sin embargo, ten en cuenta que esta función es muy básica y no ofrece muchas opciones de personalización.
Primero, necesitas abrir una entrada/página existente o nueva donde quieras crear la galería desde la barra lateral de administración de WordPress.
Una vez que estés allí, simplemente haz clic en el botón '+' en la esquina superior izquierda de la pantalla. Desde aquí, busca y agrega el bloque de Galería a la página o entrada.
Una vez que hayas hecho eso, haz clic en el botón 'Subir' para cargar nuevos archivos de imagen desde tu computadora.
Sin embargo, si deseas cargar imágenes desde la biblioteca de medios, entonces debes hacer clic en el botón 'Biblioteca de medios' en su lugar.
Si eliges subir desde tu computadora, puedes seleccionar varios archivos de imagen a la vez manteniendo presionada la tecla Ctrl (Cmd en Mac) mientras haces clic en ellos.
Sin embargo, puedes seleccionar y abrir varias imágenes con la tecla Ctrl presionada en tu teclado.
Después de haber subido todas las imágenes, puedes agregar pies de foto haciendo clic en el ícono ‘Agregar pie de foto’ en la barra de herramientas del bloque en la parte superior de las imágenes individuales.
También puedes agregar texto alternativo a las imágenes desde el panel de bloque a la derecha.
Si seleccionas el botón ‘Biblioteca de medios’, podrás elegir varias imágenes para tu galería a la vez.
Al seleccionar imágenes, también puedes ingresar el texto alternativo, título y pie de foto de la imagen desde el panel de detalles del adjunto en el lado derecho.
Una vez que hayas agregado todas las imágenes, simplemente haz clic en el botón ‘Crear una nueva galería’.
Esto te dirigirá a la página ‘Editar Galería’ en el aviso de la biblioteca de medios.
Desde aquí, puedes seleccionar imágenes individuales y agregarles un pie de foto, título, descripción o texto alternativo.
Una vez que hayas terminado, simplemente haz clic en el botón ‘Insertar Galería’ en la esquina inferior derecha.
La galería de imágenes que creaste ahora se agregará al editor de WordPress.
También puedes personalizarla aún más seleccionando el bloque de Galería y configurando sus ajustes desde el panel de bloques a la derecha.
Por ejemplo, puedes usar el control deslizante ‘Columnas’ para decidir el número de columnas y filas para tus galerías.
Incluso puedes activar el interruptor ‘Recortar Imagen’ para recortar las miniaturas y lograr una mejor alineación.
En las opciones ‘Enlazar a’, puedes elegir Ninguno si quieres que tus usuarios solo vean tu foto. Esta opción deshabilita la función de clic para tus imágenes.
Sin embargo, si seleccionas la opción ‘Archivo multimedia’, las imágenes serán clickeables y el archivo de imagen se abrirá al hacer clic. De manera similar, la página de adjunto se abrirá si seleccionas la opción ‘Página de adjunto’.
Una vez que estés satisfecho con la configuración, haz clic en el botón ‘Publicar’ o ‘Actualizar’ en la parte superior para guardar tus ajustes.
Finalmente, puedes visitar tu blog de WordPress para ver la galería de imágenes en acción.
Ahora has creado fácilmente una galería de imágenes para tu sitio web. Sin embargo, pronto notarás que carece de algunas características esenciales.
Por ejemplo, si vinculas las imágenes de tu galería al archivo multimedia o a la página de adjuntos, creas una mala experiencia de usuario. Vincular a un 'Archivo multimedia' abre la imagen en la misma pestaña del navegador, alejando a los visitantes de tu página, mientras que vincular a una 'Página de adjuntos' abre una página separada para esa imagen. En ambos casos, los usuarios tienen que usar el botón de retroceso para volver a la galería.
Esto no es fácil de usar y puede disuadir a los usuarios de explorar más tu sitio web.
De manera similar, la apariencia de la galería también depende del tema de WordPress que estés utilizando.
Además, no puedes organizar tus galerías en álbumes, temas, etiquetas y más. Tu galería no se almacena en ningún lugar y, si necesitas agregar la misma galería nuevamente, tendrás que recrearla.
Si deseas agregar galerías de aspecto más profesional, deberías usar el siguiente método.
Método 2: Crea una galería de imágenes usando Envira Gallery (Recomendado)
Si deseas crear una galería de imágenes más funcional y estéticamente agradable para tu sitio de WordPress, entonces este método es para ti.
Usaremos el plugin Envira Gallery, ya que es el mejor plugin de galería de imágenes de WordPress del mercado.
Envira te permite crear fácilmente galerías de imágenes totalmente receptivas, hermosas y modernas en WordPress. Es súper rápido y viene con muchas funciones como una ventana emergente tipo lightbox, navegación fácil de imágenes, un constructor de arrastrar y soltar, y plantillas de galería profesionales.
Antes de recomendar el plugin, lo probamos a fondo en nuestro sitio web de demostración y hemos tenido excelentes resultados. Envira Gallery es fácil de usar para principiantes y receptivo, lo que lo convierte en una excelente opción. Para obtener más información, consulte nuestra reseña de Envira Gallery.
Primero, necesitas instalar y activar el plugin Envira Gallery. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Al activarlo, diríjase a la página Envira Gallery » Settings desde el panel de WordPress para ingresar su clave de licencia.
Puede obtener esta clave de su cuenta en el sitio web de Envira Gallery.
Nota: Envira Gallery también tiene un plugin gratuito que puede usar. Sin embargo, usaremos la versión pro para este tutorial para desbloquear más funciones.
Después de verificar su clave de licencia, puede dirigirse a la página Envira Gallery » Add New desde la barra lateral de WordPress para comenzar a crear su primera galería.
Una vez que esté allí, proporcione un título para su galería y luego haga clic en el botón 'Seleccionar archivos de la computadora' para cargar sus imágenes.
También puede cargar imágenes de su biblioteca de medios de WordPress haciendo clic en el botón 'Seleccionar archivos de otras fuentes'.
Al subir las imágenes, desplázate hacia abajo hasta la sección ‘Galería’, donde aparecerán todas tus fotos.
A continuación, puedes hacer clic en el ícono del lápiz en la parte superior de cada imagen para abrir el cuadro de diálogo ‘Editar metadatos’ en la pantalla.
Desde aquí, podrás agregar el pie de foto, el estado, el título y el texto alternativo para imágenes individuales.
Una vez que hayas terminado, no olvides hacer clic en el botón ‘Guardar metadatos’ para guardar los pies de foto de tus imágenes.
A continuación, debes hacer clic en la pestaña ‘Configuración’ en la barra lateral izquierda.
Desde aquí, puedes cambiar el diseño de tu galería, incluyendo el número de columnas, la carga perezosa de imágenes, el tamaño de las imágenes, la posición del título y el pie de foto, los márgenes, las alturas, los tamaños de las miniaturas, las dimensiones de las imágenes y más.
Después de eso, cambia a la pestaña ‘Lightbox’ desde la barra lateral izquierda y marca la opción ‘Habilitar Lightbox’.
Esta opción permitirá a los usuarios ampliar las imágenes y verlas sin salir de la página.
Puedes dejar las otras configuraciones predeterminadas como están porque funcionan muy bien para la mayoría de los sitios web, pero puedes revisar las opciones y cambiarlas si lo deseas.
A continuación, haz clic en la pestaña ‘Móvil’ para configurar los ajustes de tu galería para dispositivos móviles.
Desde aquí, puedes elegir las dimensiones de las imágenes para dispositivos móviles, habilitar o deshabilitar Lightbox, habilitar/deshabilitar los pies de foto de las imágenes y más.
Después de eso, puedes revisar más opciones como el slug de la galería y agregar CSS personalizado desde la sección ‘Varios’.
Una vez que estés satisfecho con tu configuración, simplemente haz clic en el botón ‘Publicar’ en la parte superior para guardar tus cambios.
A continuación, debes abrir una publicación o página donde quieras incrustar tu galería.
Una vez que estés allí, haz clic en el botón ‘+’ en la esquina superior izquierda de la pantalla para abrir el menú de bloques.
A continuación, simplemente busca y agrega el bloque Envira Gallery a la página o publicación.
Una vez que hayas hecho eso, necesitas agregar tu galería de imágenes desde el menú desplegable en el bloque Envira Gallery.
Finalmente, haz clic en el botón ‘Actualizar’ o ‘Publicar’ en la parte superior para guardar tus cambios.
Ahora, puedes ver tu galería de imágenes en tu sitio web de WordPress.
Aquí, notarás que al hacer clic en cualquier imagen de la galería, esta se abrirá en tamaño completo con el efecto LIGHTBOX.
También puedes navegar por las imágenes en esta ventana emergente presionando las teclas de flecha izquierda y derecha en la pantalla o en tu teclado.
Extra: Optimizar imágenes de galería para motores de búsqueda
Para aprovechar al máximo tu nueva galería, debes optimizar tus imágenes para los motores de búsqueda. Esto ayuda a Google y otros motores de búsqueda a encontrar y clasificar tu contenido visual para las palabras clave correctas.
Las imágenes optimizadas correctamente pueden mejorar la velocidad de tu sitio y la experiencia del usuario. Esto a menudo conduce a más tráfico y un mejor compromiso en tus páginas.
La forma más sencilla de hacerlo es agregando texto alternativo descriptivo a cada imagen. Este texto le dice a los rastreadores de los motores de búsqueda de qué trata tu imagen, ayudándola a clasificarse en los resultados de búsqueda de imágenes.
Para un enfoque más potente, recomendamos usar All in One SEO (AIOSEO). Es el mejor plugin de SEO para WordPress disponible y elimina las conjeturas de la optimización de imágenes.
Aquí en WPBeginner, usamos AIOSEO en todos nuestros sitios. Su módulo de SEO de imágenes genera automáticamente texto alternativo a partir de los títulos y crea un mapa de sitio de imágenes dedicado para nosotros, lo que nos ahorra mucho tiempo.
Estas funciones ayudan a garantizar que todas nuestras imágenes estén perfectamente optimizadas para los motores de búsqueda. Puedes obtener más información en nuestra reseña completa de AIOSEO.
Más allá del texto alternativo, recuerda usar nombres de archivo descriptivos y palabras clave relevantes. Para una inmersión profunda, consulta nuestra guía para principiantes sobre cómo optimizar imágenes para los motores de búsqueda.
Tutorial en video
Si aprendes mejor con ayudas visuales, entonces quizás quieras ver nuestro tutorial en video:
Preguntas frecuentes sobre galerías de imágenes
Habiendo ayudado a miles de usuarios con sus sitios de WordPress, hemos respondido a una buena cantidad de preguntas sobre galerías de imágenes. Aquí están algunas de las más comunes:
¿Una galería de imágenes grande ralentizará mi sitio web?
Una galería con muchas imágenes grandes y sin comprimir puede ralentizar tu sitio. Es crucial optimizar tus imágenes para la web antes de subirlas para mantener tus páginas cargando rápidamente.
También recomendamos usar un plugin con una función de carga diferida (lazy loading), como Envira Gallery. Esta función solo carga las imágenes a medida que se vuelven visibles en la pantalla del usuario, lo que mejora enormemente el rendimiento.
¿Puedo agregar videos a mi galería de WordPress?
Sí, puedes crear fácilmente galerías de video. Si bien el bloque predeterminado de WordPress se limita a imágenes, plugins como Envira Gallery te permiten agregar videos de fuentes como YouTube y Vimeo directamente en tus galerías.
¿Cómo puedo organizar mis galerías en álbumes?
Para organizar varias galerías en álbumes, necesitarás un plugin de galería dedicado. La galería predeterminada de WordPress no tiene esta función.
Envira Gallery ofrece un complemento de Álbumes que facilita agrupar tus galerías. Esto es perfecto para fotógrafos o empresas que desean mostrar diferentes portafolios o categorías de productos.
Recursos adicionales
Ahora que sabes cómo crear una galería de imágenes, también te pueden interesar estas otras guías para mejorar aún más cómo manejas las imágenes en tu sitio de WordPress:
- Guía para principiantes de SEO de imágenes – Optimiza imágenes para motores de búsqueda
- WebP vs. PNG vs. JPEG: El mejor formato de imagen para WordPress
- Grandes plugins de WordPress para administrar imágenes
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Seba
Hola
Para mí, me gustaría tener una opción en la configuración que, después de la última imagen, salga de la galería en lugar de un bucle infinito. ¿Conoces alguna solución?
Saludos Seba
Soporte de WPBeginner
Para una pregunta como esa, te recomendaríamos que te pusieras en contacto con el soporte del plugin y ellos deberían poder informarte si es una opción o si necesitas una solución personalizada.
Administrador
Olaf
El editor de bloques y su galería suelen ser suficientes para muchos sitios web. Lo que a veces me cuesta, sin embargo, es la falta de efectos, ya que los clientes a menudo esperan que la galería tenga un cierto factor "WOW". Entiendo su perspectiva, pero es difícil lograr eso solo con el editor de bloques. Envira Gallery parece un plugin sólido que puede hacer mucho según su descripción. El artículo menciona una clave de licencia, por lo que es un plugin de pago. ¿Este plugin también tiene una versión lite? Preferiría probar sus funciones primero, porque si es realmente bueno, lo usaría y pagaría felizmente por la versión pro. Pero siempre quiero la opción de probar un plugin primero, incluso con funcionalidad limitada.
Jiří Vaněk
Había estado buscando un plugin para reemplazar las galerías que creé en Elementor Pro durante mucho tiempo. No están mal, pero tampoco son perfectas. El plugin Envira Gallery me ha impresionado por completo con sus funciones y especialmente con sus efectos. Gracias a este plugin, finalmente pude agregar galerías con un efecto de zoom al pasar el mouse a WooCommerce. Este plugin es inmejorable, y me alegro de haberlo encontrado a través de tu serie de artículos. Estoy reemplazando gradualmente las galerías originales de Elementor, y se ve fantástico.
kzain
Este desglose sobre el uso de la galería integrada de WordPress y el plugin Envira Gallery ofrece opciones valiosas para crear hermosas presentaciones de imágenes. El punto sobre el uso de imágenes de alta calidad para un impacto óptimo está bien hecho, pero tengo una pregunta rápida: ¿Puedo agregar funcionalidad de lightbox a la galería integrada de WordPress?
Soporte de WPBeginner
Para hacer eso, necesitarías un plugin en tu sitio. En este momento no tenemos un plugin específico solo para esa funcionalidad, ¡pero nos aseguraremos de compartirlo si eso cambia! Por ahora, recomendaríamos Envira para agregar esa funcionalidad a tu contenido.
Administrador
Chris
Acabo de empezar a usar las galerías de imágenes estándar de WordPress. Cuando agrego imágenes a la galería, si no tengo suficientes imágenes para llenar una fila completa, la imagen de la última fila se muestra a un tamaño que permite que la imagen llene todo el ancho del contenedor. Así que el valor predeterminado de 3 imágenes por fila se aplica hasta que la fila se queda sin imágenes, y luego obtengo una fila final con una imagen gigante. ¿Hay alguna manera de forzar que todas las imágenes tengan el mismo tamaño para que la galería tenga todas las imágenes del mismo tamaño, independientemente de si la fila en la que aparecen está llena?
Soporte de WPBeginner
Para eso, querrás que todas tus imágenes subidas tengan el mismo tamaño y luego desmarcarás la casilla de recortar imágenes que fuerza la alineación de tus imágenes.
Administrador
Roger Novak
¿Se pueden adjuntar/incrustar enlaces clickables separados a cada imagen en una galería que lleven al espectador a otro sitio web?