Echaremos un vistazo a una forma práctica de crear galerías de WordPress usando Google Drive que es totalmente posible con WP Media Folder , que le permite acceder a los medios directamente desde Google Drive sin ocupar espacio en su servidor.

Cómo conectar Google Drive a su sitio web

El primer paso de este tutorial es conectar Google Drive con tu sitio y verás lo fácil que es, primero que todo, necesitarás el complemento Cloud Addon de WP Media Folder que es lo que te permitirá conectar tu sitio con Google Drive.

Ahora que hemos instalado WP Media Folder , y el Addon Cloud podemos comenzar con la configuración, para ello hay dos opciones, Manual y Automático así que vamos a explicarlas.

Para iniciar la configuración, ve a Configuración > WP Media Folder > Nube > Google Drive . Aquí podrás seleccionar el tipo de unidad :

• Personal Drive : tu cuenta personal.
• Unidad compartida : su cuenta de Gsuite.

Luego seleccione el tipo de enlace para sus imágenes:

• Enlace público : genera un enlace público accesible para tus archivos y asigna los derechos correspondientes a los archivos en la nube (enlace compartido). Por ejemplo: https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
• Enlace privado : Enlace AJAX. Oculte el enlace en la nube para conservar el acceso original a su archivo (los usuarios necesitan iniciar sesión para ver las imágenes). Ejemplo: https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

Y luego procedemos con la conexión:

Primero, para poder usar esta función, debes vincular tu cuenta de Joomunited en Menú Configuración > General , haz clic en el enlace de configuración de WordPress si aún no te has conectado.

Después de hacer esto, regrese a Configuración > WP Media Folder > Nube > Google Drive , seleccione Modo automático y luego Conectar Google Drive .

Sigue los pasos para conectar tu cuenta de Google y listo, ya tienes tu sitio conectado :)

Realmente fácil y rápido, ¿no?

Modo manual : en primer lugar, debe crear la aplicación Google Dev para conectarla con su sitio, para esto, vaya aquí y cree un proyecto .

Luego, seleccione el nombre del proyecto y la ubicación.

Si es la primera vez que utiliza la API de Google Drive , vaya a API y servicios > Biblioteca , busque la API de Google Drive y haga clic en Habilitar .

Ahora que lo has habilitado, vamos a crear las claves para conectar tu sitio de WordPress, ve al menú de la izquierda nuevamente y haz clic en API & Services > Credentials .

Haga clic en + Crear credenciales > ID de cliente OAuth . Si lo solicita, agregue un nombre a su pantalla de consentimiento de OAuth.

En la aplicación, puede seleccionar Aplicación web y agregar un nombre de su elección; para los demás parámetros, utilice lo siguiente:

• Origen de JavaScript autorizado : https://your-domain.com (reemplace 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_authenticated
  (reemplace por su nombre de dominio)

Tenga en cuenta que si aparece esta advertencia: "Para crear un ID de cliente OAuth, primero debe establecer un nombre de producto en la pantalla de consentimiento", debe hacer clic en el botón Configurar pantalla de consentimiento o ir a API y servicios >> Pantalla de consentimiento OAuth, luego agregar su nombre de dominio en Dominios autorizados.

Primero, deberá seleccionar un tipo de usuario .

Puede seleccionar entre:

• Interno : su aplicación está limitada a los usuarios de G Suite dentro de su organización.
• Externo : su aplicación estará disponible para cualquier usuario con una cuenta de Google.
  

Como paso final, vaya a Configuración > WP Media Folder > Nube > Google Drive , y seleccione el modo manual, en esta pantalla, verá la opción para agregar el Secreto del cliente y el ID del cliente, así que básicamente, péguelos allí y haga clic en Conectar Google Drive .

Permite que WP Media Folder acceda a la aplicación y ¡listo! ¡Tendrás la cuenta de Google conectada!

Creemos galerías en la nube de WordPress

Ahora que hemos conectado Google Drive a nuestra Biblioteca de Medios, la conexión funcionará de manera muy simple, generará una carpeta raíz en su Cuenta de Google Drive y todos los medios/carpetas agregados allí aparecerán en su Biblioteca de Medios bajo las carpetas de Google Drive, y todos los medios/carpetas agregados a su Biblioteca de Medios bajo las carpetas de Google Drive aparecerán en su cuenta de Google Drive.

Entonces, comencemos con la creación de la galería, para esto, vaya a su Biblioteca de medios > Google Drive y puede agregar una nueva carpeta para mantener las cosas organizadas, por ejemplo, agregamos una nueva llamada Galería para usar en este tutorial.

Sube las imágenes allí y las verás reflejadas en Google Drive.

Y ahora, ¡la parte más divertida: crear las galerías! Para ello, ve a Publicación/Página > Añadir nueva (o edita una ya creada).

Para este caso utilizaremos el editor Gutenberg, pero puedes utilizar cualquier otro constructor de páginas, ya que todos son compatibles con WP Media Folder ;)

Ahora que estamos aquí, haga clic en + > WP Media Folder Gallery .

Esto le mostrará todas las carpetas disponibles incluidas las de Google Drive, seleccionaremos la que creamos llamada Galería y luego haremos clic en Crear galería .

Verás una vista previa del tema, puedes cambiarlo en el panel derecho.

Vistas previas del tema:

Predeterminado

Masonry

Portafolio

Deslizador

Como puedes ver es tan fácil como seleccionar las imágenes, la temática y publicarlo, existen otras opciones para que puedas ajustar las galerías como quieras como el orden, acción al hacer clic y el tamaño del Lightbox.

Puedes confirmar en tu servidor que las imágenes no existirán porque estas solo están alojadas en Google Drive ;)

Cómo usar el complemento Galería para crear galerías profesionales

La otra opción cuando quieres crear galerías es usar el complemento Galería , este increíble complemento te ofrece más temas de galería y opciones para editarlos con una interfaz para personalizarlos antes de publicarlos.

Puede encontrarlo yendo a Medios > Galerías de carpetas de medios , en esta pantalla, haga clic en +Agregar nueva galería y configure las opciones de la galería, puede seleccionar un nombre para la galería y también, seleccionar el tema de la galería que va a utilizar.

Elija el nombre, el nivel de la galería y el tema de la galería y luego haga clic en Crear .

Aquí puedes ver todas las opciones disponibles para añadir imágenes. En este caso, donde usaremos el complemento de Google Drive, selecciona el icono de WordPress.

Esto abrirá la Biblioteca Multimedia , vamos a seleccionar la carpeta de Google Drive que creamos antes, en este caso llamada Galería , y seleccionaremos todas las imágenes que queramos agregar a la galería, por último, daremos clic en Importar .

Verás las imágenes en esta pantalla para que puedas reordenarlas, establecer una imagen como portada o cambiar la configuración de una imagen específica, cosas como el nombre alternativo y el título :)

¡Ahora todo lo que tenemos que hacer es elegir la galería, ajustarla para que se ajuste a su contenido, confirmar su galería con la vista previa y guardarla!

En Configuración de pantalla y código corto , puedes configurar:

• Tema
• Tamaño de la imagen de la galería
• Tamaño de la caja de luz
• Acción al hacer clic (abrir una nueva página o un lightbox)
• Columnas
• Orden
• Configuración de navegación (como el botón y el tamaño de los botones)

También puedes copiar el código corto desde esta pantalla si deseas usarlo en lugar del bloque predefinido para cada generador de páginas.

Ahora el último paso es previsualizar la galería para confirmar que todo está bien, esto lo puedes hacer en la tercera pestaña llamada Vista Previa .

Los temas adicionales disponibles con el complemento son los siguientes:

Diapositiva de flujo

Cuadrícula cuadrada

Material

Ahora que has seleccionado el tema y finalizado la configuración, puedes proceder a publicar la galería, para ello ve a tu Entrada/Página y edítala, para el Editor Gutenberg, haz clic en + > Complemento Galería WPMF.

Haga clic en Seleccionar o Crear galería , esto cargará el panel de complementos de la galería para que pueda seleccionar la galería o también crear una nueva directamente desde allí, verificar la vista previa y luego hacer clic en Insertar .

Ahora inserta tu galería y, por fin, ¡publícala! Como puedes ver, el complemento Galería te ofrece más posibilidades que las galerías normales. ¡Pasa al siguiente nivel! :)

Crea tu primera galería de Google Drive en WordPress

Ahorra espacio en el servidor aprovechando Google Drive para galerías de WordPress y creando un flujo de trabajo multimedia más eficiente y organizado. WP Media Folder ofrece una opción sencilla y flexible para crear galerías conectadas directamente a Google Drive, con atractivos temas y controles de visualización, además de funciones como añadir vídeos remotos desde servicios de streaming .

¿Listo para llevar tu sitio web al siguiente nivel? Crea hoy mismo tu primera galería en WordPress con Google Drive y disfruta de una gestión de contenido multimedia más sencilla y profesional