Vedremo un modo pratico per creare gallerie WordPress utilizzando Google Drive, cosa che è totalmente possibile con WP Media Folder, che ti consente di accedere ai media direttamente da Google Drive senza occupare lo spazio del tuo server.

Collegare Google Drive al tuo sito web

Il primo passo di questo tutorial è collegare Google Drive con il tuo sito e vedrai quanto è facile, prima di tutto, avrai bisogno dell'Add-on Cloud da WP Media Folder che è ciò che ti permetterà di collegare il tuo sito a Google Drive.

Ora che abbiamo installato WP Media Folder, e il Componente aggiuntivo Cloud possiamo iniziare con la configurazione, per questo, ci sono due opzioni, Manuale e Automatica quindi spieghiamole.

Per iniziare la configurazione, andate su Impostazioni > WP Media Folder > Cloud > Google Drive. Qui potrete selezionare il Tipo di Drive:

• Drive Personale: il tuo account personale.
• Drive condiviso: il tuo account Gsuite.

Quindi seleziona il tipo di link per le tue immagini:

• Collegamento pubblico: genera un collegamento accessibile al pubblico per i tuoi file e influisce sui diritti appropriati sui file cloud (Collegamento condiviso). Esempio: https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
• Collegamento privato: collegamento AJAX, nascondi il collegamento cloud per mantenere i diritti di accesso originali del tuo file (gli utenti devono effettuare l'accesso per visualizzare le immagini). Ad esempio: https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

E poi, procedete con la connessione:

Per prima cosa, per utilizzare questa funzione, devi collegare il tuo account Joomunited al Menu Impostazioni > Generali, clicca sul link delle impostazioni di WordPress se non hai ancora effettuato la connessione.

Dopo aver fatto ciò, torna a Impostazioni > WP Media Folder > Cloud > Google Drive, seleziona la Modalità automatica e poi su Collega Google Drive.

Segui i passaggi per collegare il tuo account Google e il gioco è fatto, il tuo sito è connesso :)

Davvero facile e veloce, no?

Modalità manuale: prima di tutto, devi creare l'APP di Google Dev per collegarla al tuo sito, per questo, vai qui e crea un Crea progetto.

Quindi, seleziona il nome del progetto e la posizione.

Se è la prima volta che utilizzi l'API di Google Drive, vai su API e servizi > Libreria, cerca l'API di Google Drive e clicca su Abilita.

Ora che lo hai abilitato, creiamo le chiavi per collegare il tuo sito WordPress, torna al menu a sinistra e clicca su API e servizi > Credenziali.

Fai clic su + Crea credenziali > ID client OAuth, se richiesto, aggiungi un nome alla schermata di consenso OAuth.

Sull'applicazione, puoi selezionare Applicazione web, e aggiungere un nome a tua scelta, per gli altri parametri utilizza i seguenti:

• Origine JavaScript autorizzata: https://your-domain.com (sostituisci con il nome del tuo dominio, senza barra finale)
• URI di reindirizzamento autorizzati: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated
  (sostituisci con il nome del tuo dominio)

Tieni presente che se compare questo avviso: "Per creare un ID client OAuth, devi prima impostare un nome prodotto nella schermata di consenso" dovresti cliccare sul pulsante Configura schermata di consenso oppure andare su API e servizi >> Schermata di consenso OAuth, quindi aggiungere il nome del tuo dominio nei domini autorizzati.

Prima, dovrai selezionare un Tipo di utente.

Puoi scegliere tra:

• Interno: la tua applicazione è limitata agli utenti G Suite all'interno della tua organizzazione.
• Esterno: la vostra applicazione sarà disponibile per qualsiasi utente con un account Google.
  

Come ultimo passaggio vai su Impostazioni > WP Media Folder > Cloud > Google Drive, e seleziona la modalità manuale, in questa schermata, vedrai l'opzione per aggiungere il Client Secret e il Client ID, quindi incollali lì e clicca su Collega Google Drive.

Consenti WP Media Folder di accedere all'APP e il gioco è fatto! Avrai l'account Google connesso!

Creiamo Gallerie cloud WordPress

Ora che abbiamo connesso Google Drive alla nostra Libreria dei Media, la connessione funzionerà in modo molto semplice, genererà una cartella radice nel tuo account Google Drive e tutti i media/cartelle aggiunti lì appariranno nella tua Libreria dei Media sotto le cartelle di Google Drive, e tutti i media/cartelle aggiunti alla tua Libreria dei Media sotto le cartelle di Google Drive appariranno nel tuo account Google Drive.

Quindi, iniziamo con la creazione della galleria, per questo, vai alla tua Libreria dei Media > Google Drive e puoi aggiungere una nuova cartella per mantenere le cose organizzate, ad esempio, ne aggiungiamo una nuova chiamata Galleria da utilizzare in questo tutorial.

Carica le immagini lì e le vedrai riflesse su Google Drive.

E procediamo con la parte più divertente, create le gallerie! Per questo, andate su Articolo/Pagina > Aggiungi nuovo (Oppure modificate uno già creato).

Utilizzeremo l'Editor Gutenberg per questo caso, ma puoi utilizzare qualsiasi altro Page Builder poiché sono tutti compatibili con WP Media Folder ;)

Ora che siamo qui, clicca su + > WP Media FolderGalleria.

Questo ti mostrerà tutte le cartelle disponibili, comprese quelle di Google Drive, selezioneremo quella che abbiamo creato chiamata Galleria, e poi cliccheremo su Crea Galleria.

Vedrete un'anteprima del tema, potete modificarlo nel pannello di destra.

Anteprime tema:

Predefinito

Masonry

Portfolio

Cursore

Come puoi vedere, è facile come selezionare le immagini, il tema e pubblicarlo, ci sono altre opzioni in modo da poter regolare le gallerie come desideri, come l'ordine, l'azione al clic e la dimensione della Lightbox.

Puoi confermare sul tuo server che le immagini non esistono perché sono ospitate solo su Google Drive ;)

Utilizzo dell'addon Galleria per creare gallerie professionali

L'altra opzione quando si desidera creare gallerie è utilizzare il componente aggiuntivo Galleria, questo fantastico componente aggiuntivo offre più temi di galleria e opzioni per modificarli con un'interfaccia per personalizzarli prima di essere pubblicati.

Puoi trovarlo andando su Media > Gallerie cartelle media, su questa schermata, clicca su +Aggiungi nuova galleria e configura le opzioni della galleria, puoi selezionare un nome per la galleria e anche selezionare il tema della galleria che stai per utilizzare.

Scegli il nome, il livello della galleria e il tema della galleria, quindi clicca su Crea.

Ora, qui puoi vedere tutte le opzioni disponibili per aggiungere immagini. Per questo caso, dove andremo a utilizzare il componente aggiuntivo Google Drive, seleziona l'icona WordPress.

Questo aprirà la Libreria multimediale, selezioneremo la cartella di Google Drive che abbiamo creato in precedenza, in questo caso, chiamata Galleria, e selezioneremo tutte le immagini che desideri aggiungere alla galleria, infine, clicca su Importa.

Vedrai le immagini su questo schermo in modo da poter riordinare, impostare un'immagine come copertina o modificare le impostazioni di un'immagine specifica, cose come il nome alternativo e il titolo :)

Quindi ora, tutto quello che dobbiamo fare è scegliere la galleria, regolarla per adattarla al tuo contenuto, confermare la tua galleria con l'anteprima e salvarla!

Sulle Impostazioni di visualizzazione e Shortcode, puoi impostare:

• Tema
• Dimensione immagine galleria
• Dimensioni Lightbox
• Azione al clic(apri una nuova pagina o una lightbox)
• Colonne
• Ordine
• Impostazioni di navigazione(come il pulsante e la dimensione dei pulsanti)

Puoi anche copiare lo shortcode da questa schermata se vuoi usarlo al posto del blocco predefinito per ogni Page Builder.

Ora l'ultimo passaggio consiste nell'anteprima della galleria per confermare che tutto sia ok, questo può essere fatto nella terza scheda chiamata Anteprima.

I temi extra disponibili con l'addon sono i seguenti:

Scorrimento flusso

Griglia Quadrata

Materiale

Ora che hai selezionato il tema e completato la configurazione, puoi procedere con la pubblicazione della galleria; per fare ciò vai sul tuo Articolo/Pagina e modificalo, per l'Editor di Gutenberg, e clicca su + > Componente aggiuntivo galleria WPMF.

Clicca su Seleziona o Crea Galleria, questo caricherà la dashboard del componente aggiuntivo galleria in modo da poter selezionare la galleria o anche crearne una nuova direttamente da lì, controlla l'anteprima e poi clicca su Inserisci.

Quindi ora inserisci la tua galleria e infine pubblicala! Come puoi vedere, il Gallery Addon offre più possibilità rispetto alle gallerie normali, è come andare al livello successivo :)

Crea la tua prima galleria Google Drive in WordPress

Risparmi spazio sul server utilizzando Google Drive per le gallerie di WordPress e creando un flusso di lavoro multimediale più efficiente e organizzato. WP Media Folder offre un'opzione facile e flessibile per creare gallerie direttamente collegate a Google Drive, con temi attraenti e controlli di visualizzazione, e funzionalità come aggiungere video remoti dai servizi di streaming!

Quindi, sei pronto a portare il tuo sito web al livello successivo? Crea la tua prima galleria in WordPress con Google Drive oggi e goditi un'esperienza di gestione multimediale più semplice e professionale!