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

Los constructores de páginas y las galerías son la mayor parte del tiempo significativos para los sitios web de WordPress, ya que las galerías permiten mostrar imágenes/productos de una buena manera y los constructores de páginas permiten crear y agregar contenido a tu página de manera profesional.

Los constructores de páginas como Elementor, generalmente, 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, WP Media Folder

WP Media Folder te ofrece un complemento de galería que te permite crear y personalizar utilizando herramientas y características espectaculares en tus galerías.

En esta publicación, vamos a ver cómo usarlos con Elementor, Fotos de Google, y también tus carpetas en la nube ¡así que comencemos!

Galerías con widget para Elementor en video

Configurando la integración de WordPress con Fotos de Google

Primero que nada, te contaré sobre los plugins que estamos utilizando para este tutorial, estos son Elementor, WP Media Folder, y los 2 complementos Pro (uno para galerías y el otro para la conexión en la nube).

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

Primero que todo, necesitamos una APP de Google Dev para esto, vaya aquí: https://console.developers.google.com/project y cree un nuevo Proyecto.

Agregue un nombre al proyecto, puede agregar lo que quiera.

Ahora espere un momento a que se cree el proyecto.

Si es la primera vez que está utilizando esta API de la Biblioteca de Fotos, necesitará activarla, para activarla, vaya al MarketPlace en el menú izquierdo.

Ahora, en el cuadro de búsqueda, escriba API de la Biblioteca de Fotos y búsquelo.

Haga clic en él, y luego, en Habilitar.

Ahora que está habilitado, haga clic en "API y Servicios" en el menú izquierdo, en este panel, vaya a Credenciales.

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

Ahora, configure las credenciales como se indica a continuación:

• Seleccione "Aplicación web" y agregue un nombre de su elección.
• Origen de JavaScript autorizado: https://su-dominio.com (reemplace por su nombre de dominio, sin barra inclinada al final).
  
• URI de redirección autorizadas: https://su-dominio.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 Pestaña de pantalla de consentimiento de OAuth > Editar aplicación.

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

Agregue también a la Verificación de dominio sección.

¡Y listo! Obtendrá su ID y secreto para agregar en la configuración de WP Media Folder:)

Ahora, conectemos su cuenta de Google Photos a su sitio de WordPress, para esto vaya a Ajustes > WP Media Folder > Nube > Google Photo pestaña.

Puede usar el modo automático que es el más fácil, ya que solo necesitará iniciar sesión en su cuenta de Google, para esto, elija 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 su cuenta de Google, permitir los permisos y finalizar la conexión.

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

Elementor + Plugin de 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éle un nombre a su nueva galería, para el tutorial, le pondremos el nombre Galería de Google P, y también, vamos a utilizar la galería Cuadrícula cuadrada.

Ahora tendrá todas las opciones para configurar y agregar imágenes a su galería, verá el logo de Google Photo , haga clic en él.

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á una notificación sobre la importación del Álbum.

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

Ahora, puede ir a la Ajustes de visualización y código corto pestaña para personalizar completamente su galería, tiene configuraciones como el orden, número de columnas y la Acción al hacer clic.

Después de terminar la configuración de la galería, haga clic en Guardar, y, puede ir a la página/entrada donde desea agregar la galería y haga clic en Editar con Elementor para que se cargue el constructor de la página.

Ahora seleccione la sección donde desea agregar la galería y busque los WP Media Folder bloques.

Como puede ver, hay 4 bloques disponibles, para este tutorial vamos a utilizar el llamado WP Media Folder Complemento de galería, esto cargará el complemento de galería en el constructor de la página.

Después de mover el bloque a la sección, verá una opción para previsualizar, y, en el lado izquierdo, la opción para elegir una galería, seleccione la galería que creamos antes.

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

¡Eso es todo! Ha creado una galería profesional con unos pocos clics y la ha configurado directamente desde el constructor de páginas :)

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

 Además, vamos a ver cómo crear galerías utilizando imágenes desde la nube, ya que WP Media Folder le permite conectar su biblioteca de medios con servicios en la nube (Dropbox, Google Drive, OneDrivey AWS).

En este ejemplo, usaremos la conexión de Google Drive, puede ver cómo conectarla aquí, notará que el proceso es muy similar a la conexión de Google Photos :)

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

En la sección izquierda busque la WP Media Folder sección y haga clic en el WP Media Folder bloque de Galería .

Ahora, haga clic en + en la sección "Añadir Imágenes".

This will open a pop-up with the Media Library, select the Cloud Folder, all the images that you want to add by clicking on them, and finally Create a new Gallery > insert Gallery.

Esto creará una galería utilizando las imágenes directamente desde la nube, así que después de agregarla, puede configurar la configuración 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á realmente fácil editar y verificar que la galería se verá como queremos :)

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

Comienza a usar el mejor plugin de galería para WordPress

En esta publicación, solo hemos explicado algunas características de WP Media Folder y, como puede ver, ha hecho las cosas mucho más fáciles de lo que debería y ahora más con el nuevo tema e interfaz! Entonces, ¿qué estás esperando? Ve aquí y obtén tu propia membresía, verás que hay más galerías que las mostradas en esta publicación y muchas herramientas que son simplemente increíbles :)