Crea galerías impresionantes con el mejor administrador de galerías para Elementor

Los creadores de páginas y las galerías son, en la mayoría de los casos, importantes para los sitios web de WordPress, ya que las galerías le permiten mostrar imágenes/productos de una buena manera y los creadores de páginas le permiten crear y agregar contenido a su página de manera profesional.

Los constructores de páginas como Elementor, por lo general, tienen herramientas/bloques para crear galerías, pero estos no son los mejores ya que no tienen muchas opciones para personalizarlos, pero no te preocupes ya que WP Media Folder te ayudará en esto ;)

WP Media Folder te ofrece un complemento de Galería que te permite crear y personalizar usando herramientas y funciones espectaculares en tus galerías.

En esta publicación, veremos cómo usarlos con Elementor , Google Photos y también sus carpetas en la nube ¡así que comencemos!

Galerías con widget para Elementor en vídeo

Configuración de la integración de Google Fotos en WordPress

En primer lugar, les haré saber los complementos que estamos usando para este tutorial, estos son Elementor, WP Media Foldery los 2 Pro Addons (uno para galerías y el otro para conexión a la nube).

Ahora que ya lo sabemos, comencemos, vamos a crear la galería de Google Fotos, para ello tenemos que conectar nuestro sitio de WordPress a nuestra cuenta de Google Fotos, veamos cómo hacerlo.

En primer lugar, necesitamos una aplicación de Google Dev para esto, vaya aquí: https://console.developers.google.com/project y cree un nuevo proyecto.

Agrega un nombre al proyecto, puedes agregar lo que quieras.

Ahora espere un momento hasta que se cree el proyecto.

Si es la primera vez que utilizas esta API de Fotosteca necesitarás activarla, para ello ve al MarketPlace en el menú de la izquierda.

Ahora, en el cuadro de búsqueda, escriba Photos Library API y búsquelo.

Haz clic en él y luego en Habilitar .

Ahora que está habilitado, haga clic en “API y Servicios” en el menú de la izquierda, en este panel, vaya a Credenciales .

Ahora que está aquí, en el panel superior, vaya a + Crear credenciales > ID de cliente OAuth , si se le solicita, agregue un nombre a su pantalla de consentimiento de OAuth.

Ahora, configure las credenciales de la siguiente manera:

• Seleccione “Aplicación web” y agregue un nombre de su elección.
• Origen de JavaScript autorizado: https://your-domain.com (reemplácelo por su nombre de dominio, sin barra diagonal final).
  
• URI de redireccionamiento autorizados: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

Tenga en cuenta que Google ha cambiado su política, por lo que debe completar sus dominios autorizados en la pestaña de la pantalla de consentimiento de OAuth > Editar aplicación .

En la sección Dominios autorizados, haga clic en +Agregar dominio y agregue su dominio.

Agreguelo también a la Verificación de Dominio .

¡Listo! Recibirás tu ID y tu clave secreta para añadirlas a la configuración de WP Media Folder

Ahora, conectemos tu cuenta de Google Photos a tu sitio de WordPress, para esto ve a Configuración > WP Media Folder pestaña Google Photo

Puedes utilizar el modo Automático que es el más sencillo ya que solo necesitarás iniciar sesión en tu cuenta de Google, para ello elige Automático en el “Modo de conexión” y luego Conectar Google Photo .

Aparecerá una ventana emergente, haga clic en Aceptar .

El último paso será, iniciar sesión en tu cuenta de Google, permitir los permisos y finalizar la conexión.

Eso es todo, realmente fácil y rápido, ¿no? :)

Plugin Elementor + Galería: la mejor combinación

Ahora que terminamos la conexión, vaya a Medios > Galerías de carpetas de medios , en esta sección, haga clic en + Agregar nueva galería y dé un nombre a su nueva galería, para el tutorial, la llamaremos Google P Gallery , y también, vamos a utilizar la Square Grid .

Ahora tendrás todas las opciones para configurar y agregar imágenes a tu galería, verás el logo de Google Fotos

Esto cargará una ventana emergente con todas las imágenes disponibles en su cuenta de Google Photos, tiene la opción de seleccionar muchas imágenes de un álbum o seleccionar un álbum completo, en este tutorial, vamos a seleccionar un Álbum completo, para esto, seleccione el Álbum y luego, Importar Álbum .

Verás una notificación sobre el álbum que se está importando.

Espera unos minutos y ¡listo! Verás todas las imágenes subidas en el panel de la galería. Puedes hacer modificaciones, como seleccionar una nueva galería.

Ahora, puedes ir a la Configuración de pantalla y código corto para personalizar completamente tu galería, tienes configuraciones como el orden, el número de columnas y la Acción al hacer clic.

Después de finalizar la configuración de la galería, haga clic en Guardar y podrá ir a la página/publicación donde desea agregar la galería y hacer clic en Editar con Elementor para que se cargue el generador de páginas.

Ahora selecciona la sección donde quieres agregar la galería y busca la WP Media Folder bloques.

Como puedes ver, hay 4 bloques disponibles, para este tutorial vamos a utilizar el llamado WP Media Folder Gallery Addon , esto cargará el complemento Gallery en el generador de páginas.

Luego de mover el bloque a la sección, verás una opción para previsualizar, y, en el lado izquierdo, la opción para elegir una galería, selecciona la galería que creamos anteriormente.

En la sección derecha verás la vista previa de la galería y se actualizará automáticamente cuando selecciones una nueva opción en la sección izquierda, así que verifícala, confirma que todo esté bien y haz clic en Publicar .

¡Listo! Has creado una galería profesional con solo unos clics y la has configurado directamente desde el Creador de Páginas :)

Usar Elementor para crear galerías de Google Drive en WordPress

 Como plus, vamos a ver cómo crear galerías utilizando imágenes de la nube ya que WP Media Folder te permite conectar tu biblioteca multimedia con Servicios en la Nube (Dropbox, Google Drive, OneDrivey AWS).

En este ejemplo utilizaremos la de Google Drive , puedes ver cómo conectarlo aquí , notarás que el proceso es realmente similar a la conexión de Google Photos :)

Cuando esté configurado y sincronice/cree las carpetas de Google Drive, puede ir a la página/publicación que desea editar y hacer clic en Editar con Elementor .

En la sección izquierda busque la WP Media Folder y haga clic en el WP Media Folder Gallery .

Ahora, haga clic en + en la sección "Agregar imágenes".

Esto abrirá una ventana emergente con la Biblioteca de medios, seleccione la Carpeta en la nube, todas las imágenes que desea agregar haciendo clic en ellas y finalmente Crear una nueva Galería > Insertar Galería .

Esto creará una galería usando las imágenes directamente desde la nube, por lo que después de agregarla, puede configurar los ajustes de la galería en la sección izquierda y verificar la vista previa de la galería en la sección derecha, por lo que será muy fácil editar y verificar que la galería se verá como queremos :)

Ahora puedes crear galerías con el poder de WP Media Folder, de una manera realmente fácil usando Elementor, y además, ahorrar espacio de almacenamiento usando Google Drive, ¿qué más puedes pedir? :)

Comience a utilizar el mejor complemento de galería de WordPress

En esta publicación, explicamos solo algunas características de WP Media Folder y, como puedes ver, ¡ha simplificado mucho las cosas, y aún más con el nuevo tema e interfaz ! ¿A qué esperas? Haz clic aquí y obtén tu membresía. Verás que hay más galerías que las que se muestran en esta publicación y muchísimas herramientas geniales. :)