Crea splendide gallerie con il miglior gestore di gallerie per DIVI

È vero che l'uso delle gallerie è solitamente uno dei modi migliori per mostrare i nostri contenuti su un sito web poiché sembra più professionale rispetto alla semplice aggiunta di immagini, ma è anche vero che creare gallerie e aggiungere stili potrebbe essere un lavoro davvero noioso proprio come il fatto di aggiungere elementi a una pagina e adattarli al tuo sito web.

DIVI è solitamente ciò che utilizziamo in questi casi poiché è un noto generatore di pagine con strumenti perfetti ma potrebbe essere limitato quando si aggiungono immagini ed è qui che WP Media Folder ti aiuta.

WP Media Folder e il suo gestore di gallerie ti permettono di gestire e aggiungere gallerie direttamente da DIVI, in questo tutorial vedremo quanto è facile ;)

Per questo post, utilizzeremo DIVI , WP Media Folder , WP Media Folder Addon e WP Media Folder Gallery Addon .

Collega WordPress e Google Foto Album per creare fantastiche gallerie

Uno degli argomenti di questo post è creare queste gallerie utilizzando immagini importate direttamente dal tuo account Google Foto, in modo da poter caricare facilmente le immagini dal tuo telefono su Google Foto e utilizzarle sul tuo sito WordPress.

Quindi iniziamo con la connessione.

Prima di tutto, abbiamo bisogno di un'APP Google Dev per questo, vai qui: https://console.developers.google.com/project e crea un nuovo progetto.

Aggiungi un nome al progetto, puoi aggiungere quello che vuoi.

Ora, attendi qualche istante per la creazione del progetto.

Se è la prima volta che utilizzi questa API della libreria di foto , dovrai attivarla, per attivarla, vai al MarketPlace nel menu a sinistra.

Ora, nella casella di ricerca, digita l' API della libreria di foto e cercala.

Fare clic su di esso, quindi su Abilita .

Ora che è abilitato, fai clic su "API e servizi" nel menu a sinistra, in questo pannello vai su Credenziali .

Ora che sei qui, nel pannello superiore, vai su + Crea credenziali > ID client OAuth e, se richiesto, aggiungi un nome alla schermata di consenso OAuth.

Ora, imposta le credenziali come segue:

• Seleziona "Applicazione web" e aggiungi un nome a tua scelta.
• 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_google_photo_authenticated
  

Tieni presente che Google ha modificato la propria politica, quindi devi compilare i tuoi domini autorizzati nella scheda della schermata di consenso OAuth > Modifica app .

Nella sezione Domini autorizzati, fai clic su +Aggiungi dominio e aggiungi il tuo dominio.

Aggiungilo anche alla sezione Verifica del dominio .

E fatto! Otterrai il tuo ID e segreto da aggiungere nella configurazione di WP Media Folder:)

Ora colleghiamo il tuo account Google Foto al tuo sito WordPress, per questo vai su Impostazioni > WP Media Folder > Cloud > scheda Google Foto .

Puoi utilizzare la modalità automatica che è la più semplice in quanto dovrai solo accedere al tuo account Google, per questo scegli Automatica in "Modalità di connessione" e quindi Connetti Google Foto .

Apparirà un Pop Up, clicca su Accetto .

L'ultimo passaggio sarà: accedi al tuo account Google, consenti le autorizzazioni e completa la connessione.

Questo è tutto, davvero facile e veloce, non è vero? :)

Da Google Foto a una galleria Divi di WordPress

Proprio come dice il titolo, da Google Foto a una Divi Gallery di WordPress, ora che Google Foto è collegato, possiamo procedere alla creazione delle nostre gallerie dagli album nel nostro account.

Prima di tutto, creeremo una nuova galleria dal gestore.

Vai su Media > Gallerie di cartelle multimediali .

Qui saremo in grado di creare molte gallerie diverse per le immagini dal nostro sito WordPress, dal nostro computer o (in questo caso) da Google Foto.

Fare clic su +Aggiungi nuova galleria .

Questo aprirà un pop-up in cui puoi digitare il nome della galleria, selezionare il tema e altre cose come se vuoi aggiungerlo come una galleria PArent o forse una sotto-galleria.

Seleziona tutte le tue opzioni ma non preoccuparti perché puoi modificarlo dopo la creazione della galleria, quindi non è come qualcosa che non saremo in grado di cambiare;)

In questa schermata hai 3 opzioni per aggiungere immagini alla tua galleria, puoi aggiungerle da WordPress (la tua libreria multimediale), dal tuo computer e da Google Foto.

Per questo tutorial, selezioneremo Google Foto ma puoi scegliere quello che vuoi.

Se scegli Google Foto , vedrai tutti gli album e le immagini dell'account che hai collegato al tuo sito in precedenza.

Puoi importare un album completo facendo clic su Importa album o anche, selezionare più immagini e fare clic su Importa selezione .

Ad esempio, qui selezioneremo 5 immagini e importeremo solo queste.

È semplice come fare clic sulle immagini che si desidera e quindi fare clic, come spiegato prima, su Importa selezione .

Ora che hai aggiunto le immagini alla galleria, le vedrai nel manager, in questa prima schermata hai la possibilità di ordinarle, impostare un'immagine sulla copertina della galleria e anche modificare l'immagine stessa.

Noterai un'altra scheda chiamata Impostazioni di visualizzazione e Shortcode .

In questa sezione, avrai la possibilità di modificare più impostazioni dalla galleria come il tema che desideri utilizzare, il numero di colonne, la dimensione dell'immagine, l'azione al clic e la dimensione della lightbox se selezioni una lightbox come azione su clic.

C'è anche lo shortcode per quella galleria nel caso tu voglia usarlo;)

Avrai anche queste opzioni in Divi, quindi non preoccuparti di dover venire ogni volta che vuoi modificare qualcosa nella galleria.

Ora che hai terminato la creazione della Galleria, fai clic su salva e vai alla pagina/post che desideri modificare e fai clic su Usa il Divi Builder , puoi usarlo nel front-end o nel back-end senza problemi;)

Seleziona la colonna come fai di solito e poi cerca il modulo WPMF Gallery Addon .

Nel prossimo pop-up, vedrai l'opzione per aggiungere una galleria già creata e anche tutte le altre opzioni che hai visto nella scheda Display dal Gestore galleria in modo da poter modificare facilmente la galleria.

Selezioneremo la galleria che abbiamo creato prima.

Verrà visualizzata la Galleria e sarai in grado di modificare tutte le impostazioni di visualizzazione con un'anteprima dal vivo in modo che ogni modifica si rifletta automaticamente.

Lo strumento migliore quando vuoi controllare come stanno andando le cose senza dover cliccare sull'anteprima o ricaricare la pagina ogni volta che viene apportata una modifica.

Ora puoi terminare la creazione della tua pagina e andare a pubblicarla senza doversi preoccupare di non poter sapere come apparirà la galleria nel frontend.

Uno strumento davvero fantastico, vero?

Crea gallerie dal Cloud direttamente in Divi

Quindi forse stavi pensando che fosse tutto, ma la risposta è no! Puoi anche creare gallerie con immagini ospitate nel cloud, sarai in grado di risparmiare spazio di archiviazione e inoltre, usa Divi per posizionare la galleria;)

Utilizzeremo una cartella Google Drive per questo, ma tieni presente che altre integrazioni cloud sono disponibili con WP Media Folder e Addon (Dropbox, AWS, OneDrive).

Per poter connettere Google Drive al tuo sito WordPress, puoi seguire la guida dettagliata qui, il processo è simile a quello di Google Foto quindi non dovresti avere problemi.

Dopo aver creato/sincronizzato le cartelle di Google Drive, puoi andare alla pagina/post che desideri modificare e fare clic su Usa il Divi Builder , aggiungere la tua colonna e, nei moduli, cercarne una chiamata WPMF Gallery .

Questo Modulo ti permetterà di creare la gallery direttamente in Divi Builder, prima di tutto aggiungiamo le immagini cliccando su Aggiungi Immagini Galleria nella Immagini .

Questo caricherà la tua libreria multimediale come un pop-up, cerca la cartella che contiene le immagini che desideri aggiungere e fai clic su di essa.

Useremo la cartella Google Drive per questo caso.

Ora, nella sezione di destra, seleziona tutte le immagini che desideri aggiungere facendo clic su di esse, quindi fai clic su Seleziona .

Questo caricherà tutte le immagini nel modulo Divi e vedrai tutte le opzioni disponibili per l'edizione della galleria, come il tema, le colonne, le dimensioni, l'azione al clic, i bordi, le ombre, il raggio del bordo e un'opzione per aggiungere Sfocatura a l'immagine.

La parte migliore di questo è che ogni modifica apportata verrà automaticamente visualizzata nell'anteprima in modo da non dover ricaricare la pagina o salvare il modello ad ogni modifica.

Come puoi vedere, questi plugin sono semplicemente una combinazione perfetta ;)

Ottieni il sito Web WordPress più professionale con la migliore combinazione

Abbiamo mostrato solo alcune funzionalità di tutte quelle disponibili in WP Media Folder , ce ne sono altre come scaricare completamente i tuoi file multimediali su AWS, PDF Embedded e altre connessioni cloud come OneDrive e Dropbox, quindi cosa stai aspettando per iniziare a utilizzare tutti questi caratteristiche fantastiche? Vai qui e ottieni la tua iscrizione :)