Come creare gallerie WordPress utilizzando i media di Google Drive

Daremo un'occhiata a un modo pratico per creare gallerie WordPress utilizzando Google Drive che è totalmente possibile con WP Media Folder , che ti consente di accedere ai media direttamente da Google Drive senza occupare spazio sul server.

Collegare Google Drive al tuo sito web

Il primo passo in questo tutorial è connettere Google Drive al tuo sito e vedrai quanto è facile, prima di tutto avrai bisogno del Cloud Addon da WP Media Folder che è ciò che ti permetterà di connettere il tuo sito con 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 avviare la configurazione, vai su Impostazioni > WP Media Folder > Cloud > Google Drive . Qui potrai selezionare il tipo di unità :

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

Quindi seleziona il tipo di collegamento per le tue immagini:

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

E poi, procedi con la connessione:

Innanzitutto, per utilizzare questa funzionalità, devi collegare il tuo account Joomunited nel menu Impostazioni > Generale , fai clic sul collegamento Impostazioni WordPress se non ti sei ancora connesso.

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

Segui i passaggi per connettere il tuo account Google e questo è tutto, hai il tuo sito connesso :)

Davvero facile e veloce, vero?

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

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 fai clic su Abilita .

Ora che lo hai abilitato, creiamo le chiavi per connettere il tuo sito WordPress, vai nuovamente nel menu di sinistra e fai clic 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 usa quanto segue:

• Origine JavaScript autorizzata : https://tuo-dominio.com (sostituisci con il tuo nome di 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 tuo nome di dominio)

Tieni presente che se viene visualizzato questo avviso: "Per creare un ID client OAuth, devi prima impostare un nome di prodotto nella schermata di consenso" devi fare clic sul pulsante Configura schermata di consenso o andare su API e servizi >> Schermata di consenso OAuth, quindi aggiungi il tuo nome di dominio in Domini autorizzati.

Innanzitutto, dovrai selezionare un tipo di utente .

Puoi scegliere tra:

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

Come passaggio finale, vai su Impostazioni > WP Media Folder > Cloud > Google Drive e seleziona la modalità manuale, in questa schermata vedrai l'opzione per aggiungere il segreto client e l'ID client, quindi, in pratica, incollali lì e fai clic su su Connetti Google Drive .

Consenti WP Media Folder di accedere all'APP e questo è tutto! Avrai l'account Google collegato!

Creiamo gallerie cloud WordPress

Ora che abbiamo collegato Google Drive alla nostra libreria multimediale, la connessione funzionerà in modo molto semplice, genererà una cartella principale nel tuo account Google Drive e tutti i media/cartelle aggiunti appariranno nella tua libreria multimediale sotto le cartelle di Google Drive, e tutti i media/cartelle aggiunti alla tua libreria multimediale aggiunti nelle cartelle di Google Drive appariranno sul tuo account Google Drive.

Quindi iniziamo con la creazione della galleria, per questo vai su Libreria multimediale > 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 lì le immagini e le vedrai riflesse su Google Drive.

E procediamo con la parte più divertente, creare le gallerie! Per farlo, vai su Articolo/Pagina > Aggiungi nuovo (o modificane uno già creato).

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

Ora che ci siamo, fai clic su + > WP Media Folder Gallery .

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

Vedrai un'anteprima del tema, puoi cambiarlo nel pannello di destra.

Anteprime dei temi:

Predefinito

Masonry

Portafoglio

Dispositivo di scorrimento

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 nel tuo server che le immagini non esisteranno perché sono ospitate solo su Google Drive ;)

Utilizzo del componente aggiuntivo Gallery per creare gallerie professionali

L'altra opzione quando desideri creare gallerie è utilizzare il componente aggiuntivo Gallery , questo fantastico componente aggiuntivo ti offre più temi e opzioni per le gallerie per modificarli con un'interfaccia per personalizzarli prima della pubblicazione.

Puoi trovarlo andando su Media > Gallerie di cartelle multimediali , in questa schermata, fai clic su +Aggiungi nuova galleria e imposta le opzioni della galleria, puoi selezionare un nome per la galleria e inoltre selezionare il tema della galleria che stai andando usare.

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

Ora, qui puoi vedere tutte le opzioni disponibili per aggiungere immagini. In questo caso, in cui utilizzeremo il componente aggiuntivo Google Drive, seleziona l'icona WordPress.

Si aprirà la Libreria multimediale , selezioneremo la cartella Google Drive che abbiamo creato prima, in questo caso chiamata Galleria , e selezioneremo tutte le immagini che desideri aggiungere alla galleria, infine, faremo clic su Importa .

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

Quindi ora, tutto ciò che dobbiamo fare è scegliere la galleria, adattarla ai tuoi contenuti, confermare la tua galleria con l'anteprima e salvarla!

Nelle Impostazioni display e Shortcode è possibile impostare:

• Tema
• Dimensioni dell'immagine della Galleria
• Dimensioni della scatola luminosa
• 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 è visualizzare l'anteprima della galleria per confermare che tutto è a posto, questo può essere fatto nella terza scheda chiamata Anteprima .

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

Scivolo di flusso

Griglia quadrata

Materiale

Ora che hai selezionato il tema e terminato la configurazione, puoi procedere con la pubblicazione della galleria, per questo vai al tuo post/pagina e modificalo, per l'editor Gutenberg, e fai clic su + > Componente aggiuntivo WPMF Gallery.

Fare clic su Seleziona o Crea galleria , questo caricherà la dashboard dell'addon della galleria in modo da poter selezionare la galleria o anche crearne una nuova direttamente da lì, controllare l'anteprima e quindi fare clic su Inserisci .

Quindi ora inserisci la tua galleria e, finalmente, pubblicala! Come puoi vedere, il componente aggiuntivo della galleria ti offre più possibilità rispetto alle normali gallerie, è come passare al livello successivo :)

Crea la tua prima galleria di Google Drive in WordPress

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

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