Cómo crear galerías de WordPress utilizando medios de Google Drive

Veremos una forma práctica de crear galerías de WordPress utilizando 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.

Conectar Google Drive a su sitio web

El primer paso en este tutorial es conectar Google Drive con tu sitio y verás lo fácil que es, primero que nada, necesitarás el Complemento de nube 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 Complemento de nube podemos comenzar con la configuración, para esto, hay dos opciones, Manual y Automática así que vamos a explicarlas.

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

• Unidad personal: tu cuenta personal.
• Unidad compartida: tu cuenta de Gsuite.

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

• Enlace público: generar un enlace accesible públicamente para sus archivos y afectar los derechos apropiados en los archivos de la nube (Enlace compartido). Por ejemplo: https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
• Enlace privado: enlace AJAX, oculte el enlace de la nube para mantener el derecho de acceso original de su archivo (los usuarios necesitan iniciar sesión para ver las imágenes). Por ejemplo: https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

Y luego, proceda con la conexión:

Primero, para usar esta función, debe vincular su cuenta de Joomunited en el menú Ajustes > General, por favor haga clic en el enlace de configuración de WordPress si aún no se ha conectado.

Después de hacer esto, vuelva a Ajustes > WP Media Folder > Nube > Google Drive, seleccione el Modo automático, y luego en Conectar Google Drive.

Siga los pasos para conectar su cuenta de Google, y eso es todo, tiene su sitio conectado :)

Realmente fácil y rápido, ¿no es así?

Modo manual: primero de todo, necesita crear la APP de Google Dev para conectarla con su sitio, para esto, vaya aquí y cree un Crear proyecto.

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

Si es la primera vez que usa la API de Google Drive, vaya a APIs & Servicios > Biblioteca, busque la API de Google Drive y haga clic en Habilitar.

Ahora que lo ha habilitado, creemos las claves para conectar su sitio de WordPress, vaya al menú de la izquierda nuevamente y haga clic en API & Servicios > Credenciales.

Haga clic en + Crear credenciales > ID de cliente de 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 otros parámetros use lo siguiente:

• Origen autorizado de JavaScript: 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=carpeta-de-opciones&task=wpmf&function=wpmf_autenticado
  (reemplace por su nombre de dominio)

Tenga en cuenta que si aparece esta advertencia: "Para crear un ID de cliente de 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 APIs y servicios >> Pantalla de consentimiento de OAuth, luego agregue su nombre de dominio en Dominios autorizados.

Primero, deberá seleccionar un Tipo de usuario.

Puede seleccionar entre:

• Interno: su aplicación está limitada a 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 Ajustes > 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 de cliente, así que básicamente los pega allí y hace clic en Conectar Google Drive.

Permitir WP Media Folder acceder a la APP y eso es todo. ¡Tendrás la cuenta de Google conectada!

Vamos a crear 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.

Así que 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 continuemos con la parte más divertida, ¡crea las galerías! Para esto, ve a Entrada/Página > Añadir nueva (O edita una ya creada).

Usaremos el Editor de Gutenberg para este caso, pero puedes usar cualquier otro Creador de Páginas, ya que todos son compatibles con WP Media Folder ;)

Ahora que estamos aquí, haz clic en + > WP Media Folder Galería.

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

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

Previsualizaciones del tema:

Predeterminado

Masonry

Portafolio

Control deslizante

Como puede ver, es tan fácil como seleccionar las imágenes, el tema y publicarlo, hay otras opciones para que pueda ajustar las galerías como desee, como el orden, la acción al hacer clic y el tamaño de Lightbox.

Puede confirmar en su servidor que las imágenes no existirán porque solo están alojadas en Google Drive ;)

Usar el complemento de galería para crear galerías profesionales

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

Puedes encontrarlo yendo a Medios > Galerías de carpetas de medios, en esta pantalla, haz clic en +Agregar nueva galería y configura las opciones de la galería, puedes seleccionar un nombre para la galería y también, seleccionar el tema de la galería que vas a utilizar.

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

Ahora, aquí puedes ver todas las opciones disponibles para agregar imágenes. Para este caso, donde vamos a utilizar el complemento de Google Drive, selecciona el icono de WordPress.

Abrirá la Biblioteca de medios, vamos a seleccionar la carpeta de Google Drive que creamos antes, en este caso, llamada Galería, y seleccionar todas las imágenes que desee agregar a la galería, finalmente, haga clic en Importar

Verá las imágenes en esta pantalla para que pueda 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 :)

Así que ahora, todo lo que tenemos que hacer es elegir la galería, ajustarla para que se adapte a su contenido, confirmar su galería con la vista previa y guardarla

En la configuración de visualización y shortcode, puede establecer:

• Tema
• Tamaño de imagen de la galería
• Tamaño de la ventana emergente
• Acción al hacer clic(abrir una nueva página o una ventana emergente)
• Columnas
• Orden
• Ajustes 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 constructor de páginas.

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

Los temas adicionales disponibles con el complemento son los siguientes:

Diapositiva de flujo

Cuadrícula

Material

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

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

Así que ahora inserte su galería y finalmente, publíquela! Como puede ver, el complemento de galería le ofrece más posibilidades que las galerías normales, es como, ir 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 de medios más eficiente y organizado. WP Media Folder ofrece una opción fácil y flexible para crear galerías directamente conectadas a Google Drive, con temas atractivos y controles de visualización, y características como agregar videos remotos desde servicios de streaming!

Así que, ¿estás listo para llevar tu sitio web al siguiente nivel? Crea tu primera galería en WordPress con Google Drive hoy y disfruta de una experiencia de gestión de medios más simple y profesional