Añade y edita galerías de imágenes como un profesional en Elementor

 Aunque usar Elementor ayuda mucho al crear una página o una entrada, también es cierto que podemos necesitar más herramientas para que funcione perfectamente. Una de estas herramientas que es importante mencionar sería un gestor de galerías que nos permita mejorar el ya potente constructor de páginas. Veamos qué fácil es añadir y editar galerías con WP Media folder directamente en Elementor.

Con herramientas increíbles como un gestor de galerías y una integración con los principales Page Builders, WP Media Folder nos permite crear galerías realmente increíbles, así como ordenar nuestra biblioteca de medios en solo unos clics. 

En este tutorial, crearemos una galería desde cero utilizando el Gestor de Galerías y directamente desde Elementor.

Crea una galería de WordPress con WP Media Folder

En primer lugar, veremos lo fácil que es crear una galería utilizando el complemento WP Media Folder Gallery.

Este Gestor de Galerías se puede encontrar después de instalar WP Media Folder y el Addon de Galería en tu Biblioteca de Medios > Galerías de Carpetas de Medios

En esta pantalla, debemos pasar el cursor sobre + Add New Gallery  y hacer clic en + Create New Media Gallery.

Esto abrirá una ventana modal donde podremos escribir el título de la galería y seleccionar un tema.

Por ahora, lo llamaremos "Mi galería" y dejaremos el tema predeterminado.

Esto nos llevará al panel de creación de galerías con muchas opciones para configurar y construir nuestra galería; primero, añadiremos imágenes a nuestra galería.

Veremos muchas opciones para añadir medios a la galería, las principales son añadirlos desde la Biblioteca de medios o subirlos directamente desde nuestro Explorador de archivos del PC, veamos ambas.

En primer lugar, tenemos la Biblioteca de medios opción que es el icono de WordPress, haz clic en ella.

Al hacer clic aquí se abrirá la biblioteca de medios, notarás que hay carpetas en mi biblioteca de medios, esto es gracias a WP Media Folder que me permite ordenar todos mis medios de la mejor manera posible con carpetas de medios y filtros, puedes ver más sobre esto aquí pero eso es para otro artículo ;) 

Ahora, para añadir las imágenes, todo lo que tenemos que hacer aquí es ir a la carpeta de medios donde añadimos las imágenes que queremos agregar y seleccionar las imágenes usando ctrl + clic para seleccionarlas y, finalmente, hacer clic en Importar imágenes.

Esto añadirá todas las imágenes seleccionadas al Gestor de Galerías, lo que nos permitirá usarlas y ajustarlas.

Ahora veamos la opción de subir imágenes directamente desde nuestro PC Explorador de archivos, para esto, haz clic en el icono de la carpeta.

Después de hacer esto, tu explorador de archivos se abrirá al instante para permitirte navegar dentro de tus carpetas y seleccionar las imágenes que deseas añadir a la galería.

Selecciona las imágenes que quieres subir y luego haz clic en Abrir.

Después de hacer esto, ¡ya deberíamos haber terminado! Ahora tenemos todas las imágenes en nuestro Gestor de galerías listas para usarse en nuestra galería.

Ahora que tenemos todas nuestras imágenes en su lugar, revisemos la configuración de la galería, para esto, haz clic en la segunda pestaña Configuración de visualización y shortcode.

En primer lugar, podemos ver que tenemos 8 galerías, cada galería con su propia configuración.

Veamos el Masonry, este es el muro clásico con muchas imágenes mostradas en diferentes tamaños, como podemos ver en la pestaña Vista previa .

En los ajustes, podemos elegir entre todas las opciones, por ejemplo, el tamaño de las imágenes y el diseño masonry , vamos a editarlo del actual vertical a Horizontal y hacer las imágenes más pequeñas.

Ahora revisa la pestaña Vista previa para confirmar cómo se ve ahora.

Como puedes ver, ¡una herramienta realmente buena con características increíbles, ya que nos permite hacer cambios y comprobar cómo se ve con unos pocos clics y en unos segundos! ¡Crear una galería nunca había sido tan fácil!

Añadir galerías de WordPress en Elementor

Ahora que hemos visto cómo crear una galería usando el WP Media Folder Gallery Manager, veamos cómo añadirla a nuestra Entrada o Páginas usando Elementor.

Para hacer esto, ve a tu página o entrada (o créala) y haz clic en Editar con Elementor el constructor de páginas se cargará.

En el editor, busca el bloque WP Media Folder Addon Gallery y añádelo a tu contenido.

Se cargará un bloque que nos informará de que se ha añadido el bloque del complemento Media Gallery.

En la pestaña de la izquierda, podremos seleccionar la galería que queramos y también podremos ajustarla.

En primer lugar, seleccionemos la galería que creamos en Elegir una Galería.

La galería que creamos anteriormente se cargará automáticamente en el constructor de páginas debajo de los bloques.

Esto muestra el tema Masonry que seleccionamos en el Gestor de Galerías, veamos todas las opciones disponibles en los temas que se pueden seleccionar directamente desde la configuración del bloque.

Masonry

Un tema realmente bueno que podría encajar perfectamente en casi cualquier página, permitiéndonos mostrar muchas imágenes.

Por defecto

Este tema nos permite mostrar las imágenes de forma clásica, junto con el título de la imagen.

Cartera

Esto nos permite mostrar nuestras imágenes de forma similar al tema predeterminado pero usando otra fuente, perfecto para mostrar arte.

Slider

El slider clásico que nos permite enfocar un número reducido de imágenes por diapositiva.

Flow Slide

Similar al tema Slider pero con otra animación, centrándose en una imagen por diapositiva pero permitiéndonos previsualizar las demás imágenes.

Cuadrícula cuadrada

Una galería clásica con imágenes cuadradas que muestra el título de la imagen al pasar el cursor sobre ella.

Material

Un tema realmente increíble que nos permite mostrar imágenes cuadradas con una bonita sombra y los títulos.

Cuadrícula personalizada

Un tema de cuadrícula que nos permite redimensionar las imágenes para que se vean como queremos es la mejor opción cuando deseamos crear una galería con nuestros propios tamaños/dimensiones de imagen. Veamos rápidamente cómo funciona en el Gestor de Galerías.

Ahora veamos las opciones disponibles en el menú de la izquierda para todas las galerías.

En primer lugar, tenemos la Navegación de galería, activar esta opción permitirá usar las galerías de navegación disponibles en el WP Media Folder Gallery Addon, lo que nos permite usar galerías principales y subgalerías también, puedes ver una demostración funcional aquí

Como segunda opción tenemos la Etiqueta de imagen mostrada, útil cuando tenemos muchas imágenes en una galería y queremos permitir que nuestros usuarios las filtren en el frontend utilizando el sistema de etiquetas de WP Media Folder.

Luego, tenemos el selector de tema que nos permite seleccionar entre los temas disponibles (que mostramos antes) y también mostrará ajustes específicos según el tema seleccionado, como el diseño y, por ejemplo, la duración de la transición del slider.

Podemos seguir revisando y encontraremos la Elegir una galería opción que nos permitirá seleccionar entre todas las galerías que hemos creado en nuestro Gestor de galerías multimedia.

Tamaño de imagen, esta opción nos permite seleccionar entre todos los tamaños de imagen disponibles, lo que nos permite ajustar las imágenes para que se vean y se adapten perfectamente a nuestro contenido.

La LightBox Size opción nos permitirá, al igual que el tamaño de la imagen, seleccionar el tamaño del lightbox que se mostrará si lo seleccionamos como acción al hacer clic.

También tendremos la Acción al hacer clic que nos permitirá elegir entre mostrar un lightbox que es una versión más grande de la imagen, ir a otra página o simplemente no hacer nada al hacer clic en la imagen.

Y la última opción, que es la configuración de ordenación, donde podremos ver y seleccionar cómo queremos mostrar nuestras imágenes en la galería.

Por supuesto, aparte de estas, tendremos las opciones para añadir margen entre las imágenes, cambiar el color al pasar el cursor, añadir un borde y una sombra.

Como puedes ver, ¡es realmente fácil usar Elementor para ajustar nuestras galerías de WP Media Folder y hacer que se adapten a nuestra página!

Crea galerías rápidas usando carpetas de medios

Como tema adicional, mostraremos cómo crear galerías utilizando las carpetas creadas por WP Media Folder en cuestión de segundos.

Esta función también nos permitirá añadir imágenes automáticamente a la galería cuando estas se añadan a la carpeta.

En primer lugar, ve a Media Folder Gallery dentro de Media Library , donde creamos la galería anteriormente; en esta página, pasa el ratón por encima del botón  + Add New Gallery y, a continuación, haz clic en Create Gallery from folder.

Se mostrará un explorador de carpetas donde podremos seleccionar la carpeta que vamos a utilizar.

Después de hacer clic en Crear, las imágenes dentro de la carpeta se cargarán automáticamente en la galería, ¡lo que nos permite crear una galería en solo unos segundos!

También podremos añadir imágenes automáticamente cuando estas se agreguen a la biblioteca de medios en la misma carpeta que acabamos de seleccionar, ahorrándonos el tiempo de ir al gestor de galerías y añadir la imagen manualmente.

Para usar esta opción, la Auto-add image in folder debe estar habilitada, disponible en la parte superior derecha justo debajo del botón Guardar .

¡Y la magia está hecha! Carpetas que también son imágenes que se muestran automáticamente en el front end, ¿qué más podríamos pedir? :) 

Empieza a usar WP Media Folder con tu constructor favorito

También tenemos un vídeo que explica todo paso a paso para que puedas ver el plugin funcionando en directo, ¡échale un vistazo!

Un plugin con funciones increíbles que nos permitirá no solo crear galerías, sino también organizar nuestros medios, importar desde Google Photos ¡y también descargarlos! 

Compatible con los principales constructores nos permitirá organizar y mostrar nuestros medios de la forma más profesional con solo unos pocos pasos, así que ¿a qué esperas? Ve aquí ¡y consíguelo ahora!