Sebbene utilizzare Elementor aiuti molto durante la creazione di una pagina o di un articolo, è anche vero che potremmo aver bisogno di più strumenti per farlo funzionare perfettamente, uno di questi strumenti che vale la pena menzionare sarebbe un gestore di gallerie che potrebbe permetterci di migliorare il già potente page builder, vediamo quanto è facile aggiungere e modificare gallerie con WP Media folder direttamente in Elementor.

Con strumenti fantastici come un gestore di gallerie e un'integrazione con tutti i principali Page Builder, WP Media Folder ci consente di creare gallerie davvero fantastiche e di ordinare la nostra libreria multimediale in pochi clic!

In questo tutorial, creeremo una galleria da zero utilizzando il Gestore Gallerie e direttamente da Elementor.

Crea una Galleria WordPress con WP Media Folder

Prima di tutto, vedremo quanto è facile creare una galleria utilizzando l'addon WP Media Folder Gallery.

Questo Gestore di Gallerie può essere trovato dopo aver installato WP Media Folder e l'Addon della Galleria sotto la vostra Libreria dei Media > Gallerie delle Cartelle dei Media

In questa schermata, dobbiamo passare il mouse sopra + Aggiungi nuova galleria e fare clic su + Crea nuova galleria multimediale.

Questo aprirà una modale dove possiamo digitare il titolo della galleria e selezionare un tema.

Per ora, la chiameremo "La mia Galleria" e lasceremo il tema predefinito.

Questo ci porterà alla dashboard di creazione della galleria con molte opzioni per impostare e costruire la nostra galleria, per prima cosa, aggiungeremo immagini alla nostra galleria.

Noteremo molte opzioni per aggiungere media alla galleria, le principali sono aggiungerle dalla Libreria dei Media o caricandole direttamente dal nostro
Esploratore di File del PC, vediamo entrambi.

Prima di tutto, abbiamo l'opzione Libreria multimediale che è l'icona di WordPress, cliccate su di essa.

Cliccando qui si aprirà la libreria multimediale, noterete che ci sono cartelle nella mia libreria multimediale, grazie a WP Media Folder che mi consente di ordinare tutti i miei media nel modo migliore possibile con cartelle e filtri multimediali, potete saperne di più qui ma questo è per un altro post ;)

Ora per aggiungere le immagini, tutto ciò che dobbiamo fare qui è andare nella cartella dei media dove abbiamo aggiunto le immagini che vogliamo aggiungere e selezionare le immagini utilizzando ctrl + clic per selezionarle e infine, cliccare su Importa Immagini.

Questo aggiungerà tutte le immagini selezionate al Gestore Gallerie permettendoci di utilizzarle e regolarle.

Ora vediamo l'opzione per caricare immagini direttamente dal nostro PC Esplora file, per questo, clicca sull'icona della cartella.

Dopo aver fatto ciò, l'explorer dei file si aprirà istantaneamente per consentirti di navigare all'interno delle tue cartelle e selezionare le immagini che desideri aggiungere alla Galleria.

Seleziona le immagini che desideri caricare e poi clicca su Apri.

Dopo aver fatto questo, dovremmo aver finito! Ora abbiamo tutte le immagini nel nostro Gestore Galleria pronte per essere utilizzate per la nostra galleria.

Ora che abbiamo tutte le nostre immagini a posto, controlliamo le impostazioni della galleria, per questo, clicca sulla seconda scheda Impostazioni di visualizzazione e Shortcode.

Nella prima istanza, possiamo vedere che abbiamo 8 gallerie, ognuna con le proprie impostazioni.

Vediamo il Masonry, questo è il muro classico con molte immagini mostrate in diverse dimensioni, come possiamo vedere nella Anteprima scheda.

Sotto le impostazioni, possiamo scegliere tra tutte le opzioni, ad esempio, le dimensioni dell'immagine e il layout masonry , modifichiamolo dall'attuale verticale a orizzontale e rendiamo le immagini più piccole.

Ora controllando la Anteprima scheda per confermare come appare ora.

Come puoi vedere uno strumento davvero buono con caratteristiche fantastiche poiché ci consente di apportare modifiche e verificare come appare con pochi clic e in pochi secondi! Creare una galleria non è mai stato così facile prima d'ora!

Aggiunta di gallerie WordPress in Elementor

Ora che abbiamo visto come creare una galleria utilizzando il WP Media Folder Gestore Galleria, vediamo come aggiungerlo ai nostri Post o Pagine utilizzando Elementor

Per fare questo, vai alla tua pagina o articolo (o crealo) e clicca su Modifica con Elementor il Costruttore di Pagina verrà caricato.

Nell'editor, cerca il WP Media Folder blocco Addon Gallery, e aggiungilo al tuo contenuto.

Un blocco verrà caricato per farci sapere che il blocco Media Gallery Addon è stato aggiunto.

Nella scheda di sinistra, saremo in grado di selezionare la galleria che vogliamo e anche di regolarla.

Prima di tutto, selezioniamo la galleria che abbiamo creato sotto Scegli una Galleria.

La galleria che abbiamo creato in precedenza verrà caricata automaticamente nel costruttore di pagina sotto i blocchi.

Questo sta mostrando il tema Masonry che abbiamo selezionato nel Gestore Galleria, controlliamo tutte le opzioni disponibili nei temi che possono essere selezionati direttamente dalle impostazioni del blocco.

Masonry

Un tema davvero buono che potrebbe adattarsi perfettamente a quasi ogni pagina permettendoci di mostrare molte immagini.

Predefinito

Questo tema ci consente di mostrare le immagini in modo classico con il titolo dell'immagine come pure.

Portfolio

Ciò ci consente di mostrare le nostre immagini simili al tema predefinito ma utilizzando un altro carattere, perfetto per mostrare l'arte.

Cursore

Lo slider classico che ci consente di focalizzare un numero limitato di immagini per diapositiva.

Scorrimento flusso

Simile al tema Slider ma con un'altra animazione, concentrandosi su un'immagine per diapositiva ma permettendoci di visualizzare in anteprima le altre immagini.

Griglia Quadrata

Una galleria classica con immagini quadrate che mostra il titolo dell'immagine quando si passa il mouse sopra.

Materiale

Un tema davvero fantastico che ci consente di mostrare immagini quadrate con una bella ombra e i titoli.

Griglia Personalizzata

Un tema a griglia che ci consente di ridimensionare le immagini per farle apparire come vogliamo, è l'opzione migliore quando vogliamo creare una galleria con le nostre dimensioni/risoluzioni delle immagini. Vediamo rapidamente come funziona su Gallery Manager.

Ora vediamo le opzioni disponibili nel menu di sinistra per tutte le gallerie.

Prima di tutto, abbiamo la Navigazione della Galleria, abilitare questa opzione consentirà di utilizzare le gallerie di navigazione disponibili sull'addon WP Media Folder Gallery che ci consente di utilizzare gallerie padre e sottogallerie altrettanto bene, puoi vedere una demo funzionante qui

Come seconda opzione abbiamo il Display Image Tag, utile quando abbiamo molte immagini in una galleria e vogliamo consentire ai nostri utenti di filtrarle nel frontend utilizzando il sistema di tag di WP Media Folder.

Quindi, abbiamo il selettore di temi che ci consente di scegliere tra i temi disponibili (che abbiamo mostrato prima) e mostrerà anche impostazioni specifiche a seconda del tema selezionato come il layout e, ad esempio, la durata della transizione dello slider.

Possiamo continuare a controllare e troveremo l'Scegli una galleria opzione che ci permetterà di selezionare tra tutte le gallerie che abbiamo creato nel nostro Media Gallery Manager.

Dimensione dell'immagine, questa opzione ci consente di selezionare tra tutte le dimensioni di immagine disponibili permettendoci di regolare le immagini in modo che sembrino e si adattino perfettamente al nostro contenuto.

L'opzione Dimensioni LightBox ci consentirà, come per le dimensioni dell'immagine, di selezionare la dimensione della lightbox che verrà mostrata se la selezioniamo come azione al clic.

Auremo anche la azione al clic che ci permetterà di scegliere tra mostrare una lightbox che è una versione più grande dell'immagine, andare a un'altra pagina o semplicemente non fare nulla quando si clicca sull'immagine.

E l'ultima opzione è l'impostazione dell'ordinamento dove potremo vedere e selezionare come vogliamo mostrare le nostre immagini nella galleria.

Naturalmente, oltre a questi, avremo le impostazioni per aggiungere margine tra le immagini, cambiare il colore al passaggio del mouse, aggiungere un bordo e un'ombra.

Come puoi vedere, è davvero facile usare Elementor per ottimizzare le nostre gallerie WP Media Folder e farle corrispondere alla nostra pagina!

Crea velocemente gallerie utilizzando le cartelle dei media

Come argomento extra, mostreremo come creare gallerie utilizzando le cartelle create da WP Media Folder in pochi secondi.

Questa funzione ci permetterà anche di aggiungere automaticamente le immagini alla galleria quando vengono aggiunte alla cartella.

Prima di tutto, vai alla Galleria Media Folder sotto la  Libreria dei Media dove abbiamo creato la galleria prima, su questa pagina passa il mouse sopra il + Aggiungi nuova galleria pulsante e poi, clicca su Crea galleria dalla cartella

Verrà visualizzato un esploratore di cartelle dove potremo selezionare la cartella che useremo.

Dopo aver cliccato su Crea, le immagini all'interno della cartella verranno caricate automaticamente nella galleria consentendoci di creare una galleria in pochi secondi!

Saremo anche in grado di aggiungere automaticamente immagini quando queste vengono aggiunte alla libreria dei media nella stessa cartella che abbiamo appena selezionato, risparmiando il tempo di andare al gestore della galleria e aggiungere l'immagine manualmente.

Per utilizzare questa opzione, l'aggiunta automatica dell'immagine nella cartella deve essere abilitata, disponibile in alto a destra appena sotto il pulsante Salva.

E la magia è fatta! Le cartelle che sono anche immagini vengono visualizzate automaticamente nel front-end, cos'altro potremmo chiedere? :) 

Inizia a utilizzare WP Media Folder con il tuo builder preferito

Abbiamo anche un video che spiega tutto passo dopo passo in modo da poter vedere il plugin funzionare dal vivo, dai un'occhiata!

Un plugin con funzionalità incredibili che ci permetterà non solo di creare gallerie ma anche di organizzare i nostri media, importare da Google Foto e anche scaricarlo!

Compatibile con tutti i principali builder, ci permetterà di organizzare e mostrare i nostri media nel modo più professionale con pochi passaggi, quindi cosa state aspettando? Andate qui e scaricatelo ora!