Cómo añadir una galería en WordPress con un efecto Lightbox

¿Quieres crear una galería de imágenes en WordPress?

Una galería de imágenes le permite añadir fotos en filas y columnas. Esto le permite mostrar más fotos en menos espacio al mismo tiempo que facilita la navegación de los usuarios.

En este artículo, te mostraremos cómo crear fácilmente una galería de imágenes en WordPress que haga que tus fotos se vean aún mejor.

¿Por qué crear una galería de imágenes en WordPress?

WordPress hace que sea súper fácil añadir una imagen a tus entradas y páginas de blog. Sólo tienes que añadir el bloque de imágenes y subir tu imagen.

Sin embargo, si está agregando múltiples imágenes, entonces todas esas imágenes aparecerán una tras otra. No se ve muy bien, y sus usuarios tendrán que desplazarse mucho para verlos todos.

Al crear una galería, puede mostrar imágenes en un diseño de cuadrícula con columnas y filas. Puede mostrar miniaturas de sus imágenes y los usuarios pueden hacer clic en ellas para ver la imagen completa.

De esta manera, podrás mostrar más fotos en menos espacio y se verá mucho más profesional.

WordPress viene con una función de galería incorporada para crear rápidamente galerías de fotos. El nuevo editor de bloques de WordPress incluye un bloque de Galería que le permite crear una galería de WordPress con sólo unos clics.

También puede utilizar los plugins de galería de imágenes de WordPress para crear galerías aún más robustas con más funciones.

En este tutorial, le mostraremos ambos métodos para hacer una galería de fotos en WordPress.

Comencemos con el bloque de galería por defecto de WordPress.

Método 1. Crear una Galería de Imágenes sin Plugin

WordPress viene con una función incorporada que te permite crear una galería. Esta característica es muy básica y no tiene muchas opciones, pero hace el trabajo.

He aquí cómo crear una galería de imágenes en WordPress sin usar un plugin.

En primer lugar, debe editar el mensaje o la página en la que desea agregar la galería de imágenes. En la pantalla de edición de mensajes, haga clic en el icono Añadir nuevo bloque y seleccione el bloque Galería.

Esto agregará el bloque Galería a su editor de WordPress donde puede hacer clic en el botón’Subir’ para subir fotos desde su computadora. También puede seleccionar entre las fotos cargadas anteriormente en la biblioteca de medios.

Si hace clic en el botón Cargar, generalmente puede cargar una foto a la vez. Sin embargo, puede seleccionar y abrir varias imágenes con la tecla Ctrl pulsada en el teclado.

Después de haber subido todas las imágenes, puede añadir subtítulos a sus imágenes. Simplemente haz clic en las fotos y verás la opción’Escribir pie de foto…’ donde tienes que introducir el título.

Si selecciona el botón Biblioteca multimedia, podrá elegir imágenes para su galería de una sola vez. A medida que selecciona las imágenes, también puede introducir el texto alternativo, el título y el título de la imagen desde el panel de detalles de los archivos adjuntos en el lado derecho.

Seleccione las imágenes que desea añadir y haga clic en el botón’Crear una nueva galería’ en la esquina inferior derecha.

A continuación, verá la página’Editar Galería’ donde podrá añadir/revisar los pies de foto. Una vez hecho esto, haga clic en el botón’Actualizar Galería’ en la esquina inferior derecha.

Después de eso, tu pantalla de edición de mensajes se abrirá con el panel de configuración del bloque de la galería en el lado derecho. Ahora, puede elegir el número de columnas para cada fila, activar o desactivar la opción Recortar imágenes y elegir dónde vincular las imágenes de su galería.

En las opciones Enlace a, puedes elegir Ninguno si quieres que tus usuarios sólo vean tu foto. Esta opción desactiva la función de hacer clic en las imágenes.

Si selecciona la opción Archivo multimedia, las imágenes se podrán hacer clic y el archivo de imagen se abrirá al hacer clic. Del mismo modo, la página de adjuntos se abrirá si selecciona la opción Página de adjuntos.

Una vez que esté satisfecho con la configuración, puede publicar el mensaje y previsualizar la galería en su sitio web en vivo.

Por ejemplo, así es como la galería de imágenes apareció en nuestro sitio web de demostración.

¿No fue rápido y fácil?

Se ve bonito también. Sin embargo, si crea galerías de imágenes regularmente, pronto notará que carece de ciertas características esenciales.

Por ejemplo, las imágenes no se podrán hacer clic en ellas o se abrirán en una página nueva. Si enlaza las imágenes de su galería con el archivo multimedia o la página de archivos adjuntos, los usuarios tendrán que hacer clic en el botón de atrás para volver a ver la galería.

No es fácil de usar, y la apariencia de su galería depende de su tema. En la mayoría de los casos, se obtiene sólo un estilo muy genérico.

No puedes organizar tus galerías en temas, álbumes, etiquetas, etc. Tu galería no está almacenada en ningún sitio y si necesitas añadir la misma galería de nuevo, tendrás que volver a crearla.

Si desea añadir galerías de imágenes de aspecto más profesional en su sitio, entonces debería utilizar el siguiente método.

Método 2. Crear una galería de imágenes utilizando Envira Gallery

Para este método, utilizaremos el plugin Envira Gallery. Es el mejor plugin de galería de imágenes de WordPress del mercado.

Envira le permite crear fácilmente galerías de imágenes modernas, hermosas y totalmente receptivas en WordPress. Es súper rápido y viene con muchas características como popup de lightbox, fácil navegación de imágenes, constructor de arrastrar y soltar, y plantillas de galería profesionales.

Vamos a empezar.

Lo primero que tiene que hacer es instalar y activar el plugin de la Galería Envira. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, debe visitar la página Galería Envira » Configuración para introducir su clave de licencia. Puede obtener esta clave de su cuenta en el sitio web de Envira Gallery.

Después de verificar su clave de licencia, puede dirigirse a Envira Gallery » Add New page para crear su primera galería.

En primer lugar, debe proporcionar un título para su galería y, a continuación, haga clic en el botón «Seleccionar archivos de la computadora» para cargar sus imágenes.

También puede seleccionar archivos de su biblioteca multimedia de WordPress haciendo clic en el botón’Seleccionar archivos de otras fuentes’.

Una vez que subas las imágenes, aparecerán en la sección Galería.

Puede hacer clic en el icono de lápiz de una imagen para añadir títulos y texto alternativo para cada imagen.

A continuación, debe hacer clic en la pestaña «Configuración».

Desde aquí puede cambiar la configuración de su galería como el número de columnas, carga de imágenes, posicionamiento de títulos y subtítulos, márgenes, alturas, tamaños de miniaturas, dimensiones de imágenes, etc.

Después de eso, tienes que hacer clic en la pestaña’Lightbox’.

La ventana emergente del lightbox permite a los usuarios ampliar las imágenes y navegar por ellas sin tener que salir de la página.

La configuración predeterminada funcionará muy bien para la mayoría de los sitios web, pero puede revisar las opciones y cambiarlas si lo desea.

A continuación, puede hacer clic en la pestaña «Móvil» para configurar la configuración de su galería para dispositivos móviles. Le permite elegir las dimensiones de la imagen para los dispositivos móviles, activar o desactivar el lightbox, y mucho más.

Después de eso, puede revisar más opciones como el slug de la galería y agregar CSS personalizado desde la sección’Misc’.

Ahora puedes publicar tu galería que la hará disponible para ser añadida en cualquier lugar de tu sitio de WordPress.

A continuación, debe editar un mensaje o una página en la que desee mostrar su galería.

En la pantalla de edición de mensajes, haga clic en el icono Agregar nuevo bloque y seleccione el bloque Galería de Envira.

Al hacer clic en él se agregará el bloque Galería Envira en el editor de mensajes. Ahora puede buscar una galería por su nombre o encontrarla haciendo clic en el icono de la flecha desplegable.

Después de eso, el plugin cargará tu galería en el editor de post.

A continuación, puede revisar la configuración de su galería una vez más desde el panel de configuración del bloque en el lado derecho.

Ahora puede guardar su mensaje y previsualizarlo para ver la galería en su sitio web en vivo.

Al hacer clic en cualquier imagen de la galería se abrirá en la ventana emergente del lightbox. Puede navegar por las imágenes en el lightbox presionando las teclas de flecha izquierda y derecha en la pantalla o en el teclado.

Su galería se verá igual de bien en el móvil también. Los usuarios podrán tocar una imagen para ampliarla y deslizarla para ver la imagen siguiente o anterior.

Esperamos que este artículo le haya ayudado a aprender a crear una galería de imágenes en WordPress. También puede consultar nuestra guía sobre cómo solucionar problemas comunes de imagen en WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario