Agrega y edita galerías de imágenes como un profesional en Elementor

 Si bien el uso de Elementor ayuda mucho al momento de crear una página o publicación, 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 administrador de galería que podría permitirnos mejorar el ya poderoso constructor de páginas, veamos qué tan fácil es agregar y editar galerías con WP Media folder directamente en Elementor.

Con herramientas increíbles como un administrador de galerías y una integración con los principales creadores de páginas, WP Media Folder nos permite crear galerías realmente increíbles y ordenar nuestra biblioteca multimedia en solo unos pocos clics.

En este tutorial, crearemos una galería desde cero utilizando el Administrador de galería 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 administrador de galería se puede encontrar después de instalar WP Media Folder y el complemento de galería en Biblioteca de medios > Galerías de carpetas de medios

En esta pantalla, debemos pasar el cursor sobre + Agregar nueva galería y hacer clic en + Crear nueva galería multimedia .

Esto abrirá un 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ía con muchas opciones para configurar y construir nuestra galería, primero, agregaremos imágenes a nuestra galería.

Notaremos muchas opciones para agregar medios a la galería, las principales agregarlos desde la Biblioteca de Medios o subirlos directamente desde
el Explorador de Archivos de nuestra PC , veamos ambas.

En primer lugar tenemos la Biblioteca Multimedia que es el icono de WordPress, hacemos click en él.

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 otra publicación ;)

Ahora para agregar las imágenes, todo lo que necesitamos hacer aquí es ir a la carpeta de medios donde agregamos 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 agregará todas las imágenes seleccionadas al Administrador de galería permitiéndonos usarlas y ajustarlas.

Ahora veamos la opción de poder subir imágenes directamente desde el Explorador de archivos , para ello hacemos clic en el icono de la carpeta.

Después de hacer esto, su explorador de archivos se abrirá instantáneamente para permitirle navegar dentro de sus carpetas y seleccionar las imágenes que desea agregar a la Galería.

Seleccione las imágenes que desea cargar y luego haga clic en Abrir .

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

Ahora que tenemos todas nuestras imágenes en su lugar, revisemos la configuración de la galería, para esto, haga clic en la segunda pestaña Configuración de pantalla y código corto .

En primera instancia podemos ver que tenemos 8 galerías cada galería con su propia configuración.

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

En la configuración, podemos elegir entre todas las opciones, por ejemplo, el tamaño de la imagen y el diseño masonry , editémoslo de la vertical actual a Horizontal y hagamos las imágenes más pequeñas.

Ahora revise la Vista previa para confirmar cómo se ve ahora.

Como pueden ver, es una herramienta excelente con funciones increíbles, ya que nos permite hacer cambios y comprobar su aspecto con solo unos clics y en segundos. ¡Crear una galería nunca había sido tan fácil!

Cómo añadir galerías de WordPress a Elementor

Ahora que vimos cómo crear una galería usando WP Media Folder Gallery Manager, veamos cómo agregarla a nuestras publicaciones o páginas usando Elementor .

Para hacer esto, vaya a su página o publicación (o créela) y haga clic en Editar con Elementor y se cargará el generador de páginas.

En el editor, busque el Galería del complemento WP Media Folder y agréguelo a su contenido.

Se cargará un bloque que nos informará que se ha agregado el bloque complementario de la Galería multimedia.

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 generador de páginas debajo de los bloques.

Esto muestra el tema Masonry que seleccionamos en el Administrador de galería, revisemos 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 todas las páginas permitiéndonos mostrar muchas imágenes.

Predeterminado

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

Portafolio

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

Deslizador

El control deslizante clásico que nos permite enfocar un número determinado de imágenes por diapositiva.

Diapositiva de flujo

Similar al tema Slider pero con otra animación, centrándose en una imagen por diapositiva pero permitiéndonos previsualizar las otras 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 ellas.

Material

Un tema realmente impresionante 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 si queremos crear una galería con nuestros propios tamaños y dimensiones. Veamos rápidamente cómo funciona en el Administrador 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 la Galería , habilitar esta opción permitirá usar las galerías de navegación disponibles en el WP Media Folder Gallery, que nos permite usar galerías principales y subgalerías también, puede ver una demostración funcional aquí

Como segunda opción tenemos el Display Image Tag , útil cuando tenemos muchas imágenes en una galería y queremos permitir a nuestros usuarios filtrarlas en el frontend utilizando el sistema de etiquetas de WP Media Folder .

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

Podemos seguir revisando y encontraremos la Elegir una Galería que nos permitirá seleccionar entre todas las galerías que tengamos creadas en nuestro Media Gallery Manager.

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

La Tamaño de LightBox 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á seleccionar 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 de configuración de ordenamiento donde podremos ver y seleccionar como queremos mostrar nuestras imágenes en la galería.

Por supuesto, aparte de estos, tendremos las configuraciones para agregar margen entre imágenes, cambiar el color al pasar el mouse, agregar un borde y una sombra.

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

Crea galerías rápidas usando carpetas multimedia

Como tema extra, mostraremos cómo crear galerías utilizando las carpetas creadas por WP Media Folder en unos segundos.

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

En primer lugar, vaya a la Galería de carpetas de medios debajo de la  Biblioteca de medios donde creamos la galería anteriormente, en esta página pase el mouse sobre el + Agregar nueva galería y luego haga clic en Crear galería desde la carpeta .

Se mostrará un explorador de carpetas donde podremos seleccionar la carpeta que utilizaremos.

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 permitirá crear una galería en solo unos segundos.

También podremos agregar 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 administrador de galería y agregar la imagen manualmente.

Para utilizar esta opción se debe tener habilitada la opción Agregar imagen automáticamente en la carpeta , disponible en la parte superior derecha justo debajo del Guardar .

¡Y la magia está hecha! Carpetas que también son imágenes y se muestran automáticamente en la interfaz. ¿Qué más se puede pedir? :) 

Comience a usar WP Media Folder con su constructor favorito

También tenemos un video que explica todo paso a paso para que puedas ver el complemento funcionando en vivo, ¡échale un vistazo!

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

Compatible con los principales creadores, te permitirá organizar y mostrar tus archivos multimedia de la forma más profesional en tan solo unos pasos. ¿A qué esperas? ¡Haz clic aquí y consíguelo ya!