Cercare di mostrare una collezione di foto sul tuo sito WordPress può diventare rapidamente goffo. Se le aggiungi una dopo l'altra, i tuoi visitatori sono costretti a uno scorrimento infinito, il che rende le tue pagine disordinate e poco professionali.
Una galleria di immagini è la soluzione perfetta. Organizza ordinatamente le tue foto in una bellissima griglia, permettendoti di visualizzare più foto in meno spazio.
Noi di WPBeginner abbiamo visto in prima persona come una galleria ben realizzata possa rendere un sito web più coinvolgente per i visitatori. È un semplice cambiamento che rende il tuo portfolio, i tuoi prodotti o i tuoi post del blog dall'aspetto curato e professionale.
In questa guida, ti spiegheremo come creare facilmente una galleria di immagini in WordPress, con e senza plugin.
Perché creare una galleria di immagini in WordPress?
WordPress rende super facile aggiungere un'immagine ai tuoi post e pagine del blog. Devi solo aggiungere il blocco Immagine e caricare la tua immagine.
Tuttavia, se aggiungi più immagini al tuo sito WordPress, appariranno una dopo l'altra. Questo non fa una bella figura e i tuoi utenti dovranno scorrere molto per vederle tutte.
Creare una galleria ti permette di visualizzare le immagini in un layout a griglia con colonne e righe. Puoi mostrare miniature delle tue foto e gli utenti possono cliccarci sopra per vedere l'immagine intera.
In questo modo, puoi mostrare più foto in meno spazio e avrà un aspetto molto più professionale.
Ad esempio, se stai creando un sito web di fotografia per mostrare le tue immagini, l'aggiunta di una galleria fotografica ti permette di esporre il tuo lavoro in modo esteticamente gradevole.
Con WordPress, puoi facilmente creare una galleria di immagini utilizzando il blocco Galleria nell'editor a blocchi di Gutenberg.
Puoi anche utilizzare i plugin per gallerie di WordPress per creare gallerie ancora migliori con più funzionalità.
Detto questo, vediamo come creare facilmente una galleria di immagini in WordPress.
Per questo tutorial, mostreremo due metodi per creare una galleria e puoi usare i link qui sotto per passare al metodo di tua scelta:
- Crea una galleria di immagini con l'editor a blocchi di WordPress
- Crea una galleria di immagini utilizzando Envira Gallery (Consigliato)
- Bonus: Ottimizza le immagini della galleria per i motori di ricerca
- Tutorial video
- Domande frequenti sulle gallerie di immagini
- Risorse aggiuntive
Metodo 1: Crea una galleria di immagini con l'editor a blocchi di WordPress
Questo metodo serve per creare una galleria di immagini utilizzando l'editor a blocchi di WordPress. Tuttavia, tieni presente che questa funzionalità è molto basilare e non offre molte opzioni di personalizzazione.
Innanzitutto, devi aprire un post/pagina esistente o nuovo dove vuoi creare la galleria dal pannello di amministrazione di WordPress.
Una volta lì, fai semplicemente clic sul pulsante '+' nell'angolo in alto a sinistra dello schermo. Da qui, trova e aggiungi il blocco Galleria alla pagina o al post.
Una volta fatto ciò, fai clic sul pulsante 'Carica' per caricare nuovi file immagine dal tuo computer.
Tuttavia, se desideri caricare immagini dalla libreria multimediale, devi fare clic sul pulsante 'Libreria multimediale' invece.
Se scegli di caricare dal tuo computer, puoi selezionare più file immagine contemporaneamente tenendo premuto il tasto Ctrl (Cmd su Mac) mentre fai clic su di essi.
Tuttavia, puoi selezionare e aprire più immagini tenendo premuto il tasto Ctrl sulla tastiera.
Dopo aver caricato tutte le immagini, puoi aggiungere didascalie facendo clic sull'icona 'Aggiungi didascalia' nella barra degli strumenti del blocco in cima alle singole immagini.
Puoi anche aggiungere testo alternativo alle immagini dal pannello del blocco sulla destra.
Se selezioni il pulsante 'Libreria multimediale', potrai scegliere più immagini per la tua galleria tutte in una volta.
Mentre selezioni le immagini, puoi anche inserire il testo alternativo, il titolo e la didascalia dell'immagine dal pannello dei dettagli dell'allegato sul lato destro.
Una volta aggiunte tutte le immagini, fai semplicemente clic sul pulsante ‘Crea una nuova galleria’.
Questo ti indirizzerà alla pagina ‘Modifica galleria’ nella finestra di dialogo della libreria multimediale.
Da qui, puoi selezionare singole immagini e aggiungere loro una didascalia, un titolo, una descrizione o un testo alternativo.
Una volta terminato, fai semplicemente clic sul pulsante ‘Inserisci galleria’ nell'angolo in basso a destra.
La galleria di immagini che hai creato verrà ora aggiunta all'editor di WordPress.
Puoi anche personalizzarla ulteriormente selezionando il blocco Galleria e configurando le sue impostazioni dal pannello del blocco a destra.
Ad esempio, puoi utilizzare il cursore ‘Colonne’ per decidere il numero di colonne e righe per le tue gallerie.
Puoi persino attivare l'interruttore ‘Ritaglia immagine’ per ritagliare le miniature per un migliore allineamento.
Dalle opzioni ‘Link a’, puoi scegliere Nessuno se vuoi che i tuoi utenti visualizzino solo la tua foto. Questa opzione disabilita la funzione di clic per le tue immagini.
Tuttavia, se selezioni l'opzione ‘File multimediale’, le immagini saranno cliccabili e il file immagine si aprirà quando cliccato. Allo stesso modo, la pagina dell'allegato si aprirà se selezioni l'opzione ‘Pagina allegato’.
Una volta soddisfatto delle impostazioni, fai clic sul pulsante ‘Pubblica’ o ‘Aggiorna’ in alto per salvare le tue impostazioni.
Infine, puoi visitare il tuo blog WordPress per vedere la galleria di immagini in azione.
Hai ora creato facilmente una galleria di immagini per il tuo sito web. Tuttavia, noterai presto che mancano alcune funzionalità essenziali.
Ad esempio, se colleghi le immagini della tua galleria al file multimediale o alla pagina allegato, crei una scarsa esperienza utente. Collegarsi a un 'File multimediale' apre l'immagine nella stessa scheda del browser, allontanando i visitatori dalla tua pagina, mentre collegarsi a una 'Pagina allegato' apre una pagina separata per quell'immagine. In entrambi i casi, gli utenti devono utilizzare il pulsante indietro per tornare alla galleria.
Questo non è intuitivo e può scoraggiare gli utenti dall'esplorare ulteriormente il tuo sito web.
Allo stesso modo, l'aspetto della galleria dipende anche dal tema WordPress che stai utilizzando.
Inoltre, non puoi organizzare le tue gallerie in album, argomenti, tag e altro ancora. La tua galleria non viene memorizzata da nessuna parte e se hai bisogno di aggiungere la stessa galleria di nuovo, dovrai ricrearla.
Se vuoi aggiungere gallerie dall'aspetto più professionale, dovresti usare il metodo successivo.
Metodo 2: Crea una galleria di immagini utilizzando Envira Gallery (Consigliato)
Se vuoi creare una galleria di immagini più funzionale ed esteticamente gradevole per il tuo sito WordPress, allora questo metodo fa per te.
Utilizzeremo il plugin Envira Gallery poiché è il miglior plugin per gallerie di immagini WordPress sul mercato.
Envira ti consente di creare facilmente gallerie di immagini completamente responsive, belle e moderne in WordPress. È super veloce e viene fornito con molte funzionalità come un popup lightbox, facile navigazione tra le immagini, un builder drag-and-drop e modelli di galleria professionali.
Prima di raccomandare il plugin, lo abbiamo testato a fondo sul nostro sito web demo e abbiamo ottenuto ottimi risultati. Envira Gallery è facile da usare per i principianti e reattivo, il che lo rende un'ottima scelta. Per saperne di più, consulta la nostra recensione di Envira Gallery.
Innanzitutto, è necessario installare e attivare il plugin Envira Gallery. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin di WordPress.
Dopo l'attivazione, vai alla pagina Envira Gallery » Impostazioni dalla dashboard di WordPress per inserire la tua chiave di licenza.
Puoi ottenere questa chiave dal tuo account sul sito web di Envira Gallery.
Nota: Envira Gallery dispone anche di un plugin gratuito che puoi utilizzare. Tuttavia, utilizzeremo la versione pro per questo tutorial per sbloccare più funzionalità.
Dopo aver verificato la tua chiave di licenza, puoi recarti alla pagina Envira Gallery » Aggiungi nuova dalla barra laterale di WordPress per iniziare a creare la tua prima galleria.
Una volta lì, fornisci un titolo per la tua galleria e quindi fai clic sul pulsante 'Seleziona file dal computer' per caricare le tue immagini.
Puoi anche caricare immagini dalla tua libreria multimediale di WordPress facendo clic sul pulsante 'Seleziona file da altre origini'.
Dopo aver caricato le immagini, scorri verso il basso fino alla sezione 'Galleria', dove appariranno tutte le tue foto.
Successivamente, puoi fare clic sull'icona della matita in cima a ciascuna immagine per aprire la finestra di dialogo 'Modifica metadati' sullo schermo.
Da qui, sarai in grado di aggiungere la didascalia, lo stato, il titolo e il testo alternativo per le singole immagini.
Una volta terminato, non dimenticare di fare clic sul pulsante 'Salva metadati' per salvare le didascalie delle tue immagini.
Successivamente, devi fare clic sulla scheda 'Configurazione' dalla barra laterale sinistra.
Da qui, puoi modificare il layout della tua galleria, inclusi il numero di colonne, il caricamento lazy delle immagini, le dimensioni delle immagini, il posizionamento del titolo e della didascalia, i margini, le altezze, le dimensioni delle miniature, le dimensioni delle immagini e altro ancora.
Dopo di che, passa alla scheda 'Lightbox' dalla barra laterale sinistra e seleziona l'opzione 'Abilita Lightbox'.
Questa opzione consentirà agli utenti di ingrandire le immagini e sfogliarle senza lasciare la pagina.
Puoi lasciare le altre impostazioni predefinite così come sono perché funzionano molto bene per la maggior parte dei siti web, ma puoi rivedere le opzioni e modificarle se lo desideri.
Successivamente, fai clic sulla scheda ‘Mobile’ per configurare le impostazioni della tua galleria per i dispositivi mobili.
Da qui, puoi scegliere le dimensioni delle immagini per i dispositivi mobili, abilitare o disabilitare Lightbox, abilitare/disabilitare le didascalie delle immagini e altro ancora.
Dopo di che, puoi rivedere altre opzioni come lo slug della galleria e l'aggiunta di CSS personalizzato dalla sezione ‘Varie’.
Una volta che sei soddisfatto delle tue impostazioni, fai semplicemente clic sul pulsante ‘Pubblica’ in alto per salvare le tue modifiche.
Successivamente, devi aprire un post o una pagina in cui desideri incorporare la tua galleria.
Una volta lì, fai clic sul pulsante ‘+’ nell'angolo in alto a sinistra dello schermo per aprire il menu dei blocchi.
Successivamente, trova e aggiungi semplicemente il blocco Envira Gallery alla pagina o al post.
Una volta fatto ciò, devi aggiungere la tua galleria di immagini dal menu a discesa nel blocco Envira Gallery.
Infine, fai clic sul pulsante ‘Aggiorna’ o ‘Pubblica’ in alto per salvare le tue modifiche.
Ora, puoi visualizzare la tua galleria di immagini sul tuo sito web WordPress.
Qui, noterai che facendo clic su qualsiasi immagine nella galleria la aprirà a grandezza naturale con l'effetto LIGHTBOX.
Puoi anche sfogliare le immagini in questo popup premendo i tasti freccia sinistra e destra sullo schermo o sulla tastiera.
Bonus: Ottimizza le immagini della galleria per i motori di ricerca
Per ottenere il massimo dalla tua nuova galleria, dovresti ottimizzare le tue immagini per i motori di ricerca. Questo aiuta Google e altri motori di ricerca a trovare e classificare i tuoi contenuti visivi per le parole chiave giuste.
Immagini ottimizzate correttamente possono aumentare la velocità del tuo sito e migliorare l'esperienza utente. Questo spesso porta a più traffico e a un maggiore coinvolgimento sulle tue pagine.
Il modo più semplice per farlo è aggiungere testo alternativo descrittivo a ogni immagine. Questo testo dice ai crawler dei motori di ricerca di cosa tratta la tua immagine, aiutandola a posizionarsi nei risultati di ricerca delle immagini.
Per un approccio più potente, ti consigliamo di utilizzare All in One SEO (AIOSEO). È il miglior plugin SEO per WordPress disponibile e ti toglie ogni dubbio sull'ottimizzazione delle immagini.
Qui a WPBeginner, utilizziamo AIOSEO sui nostri siti. Il suo modulo Image SEO genera automaticamente testo alternativo dai titoli e crea una sitemap dedicata per le immagini, il che ci fa risparmiare un sacco di tempo.
Queste funzionalità aiutano a garantire che tutte le nostre immagini siano perfettamente ottimizzate per i motori di ricerca. Puoi saperne di più nella nostra recensione completa di AIOSEO.
Oltre al testo alternativo, ricorda di utilizzare nomi di file descrittivi e parole chiave pertinenti. Per un approfondimento, consulta la nostra guida per principianti su come ottimizzare le immagini per i motori di ricerca.
Tutorial video
Se impari meglio con supporti visivi, potresti voler dare un'occhiata al nostro tutorial video:
Domande frequenti sulle gallerie di immagini
Avendo aiutato migliaia di utenti con i loro siti WordPress, abbiamo risposto a un buon numero di domande sulle gallerie di immagini. Ecco alcune delle più comuni:
Una grande galleria di immagini rallenterà il mio sito web?
Una galleria con molte immagini grandi e non compresse può rallentare il tuo sito. È fondamentale ottimizzare le tue immagini per il web prima di caricarle per mantenere le tue pagine veloci nel caricamento.
Raccomandiamo inoltre di utilizzare un plugin con una funzione di caricamento pigro (lazy loading), come Envira Gallery. Questa funzione carica le immagini solo quando diventano visibili sullo schermo dell'utente, migliorando notevolmente le prestazioni.
Posso aggiungere video alla mia galleria WordPress?
Sì, puoi creare facilmente gallerie video. Mentre il blocco predefinito di WordPress è limitato alle immagini, plugin come Envira Gallery ti consentono di aggiungere video da fonti come YouTube e Vimeo direttamente nelle tue gallerie.
Come posso organizzare le mie gallerie in album?
Per organizzare più gallerie in album, avrai bisogno di un plugin dedicato per le gallerie. La galleria predefinita di WordPress non ha questa funzionalità.
Envira Gallery offre un componente aggiuntivo (Addon) per gli Album che semplifica il raggruppamento delle tue gallerie. Questo è perfetto per fotografi o aziende che desiderano mostrare diversi portfolio o categorie di prodotti.
Risorse aggiuntive
Ora che sai come creare una galleria di immagini, potresti anche voler consultare queste altre guide per migliorare ulteriormente la gestione delle immagini sul tuo sito WordPress:
- Guida per principianti all'ottimizzazione delle immagini per i motori di ricerca (SEO)
- WebP vs. PNG vs. JPEG: Il miglior formato immagine per WordPress
- I migliori plugin WordPress per la gestione delle immagini
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
Seba
Ciao
Per me, vorrei avere un'opzione nella configurazione che dopo l'ultima immagine ci sia l'uscita dalla galleria invece di un ciclo infinito. Conosci una soluzione?
Saluti Seba
Supporto WPBeginner
Per una domanda del genere, ti consigliamo di contattare il supporto del plugin, che dovrebbe essere in grado di informarti se si tratta di un'opzione o se hai bisogno di una soluzione personalizzata.
Amministratore
Olaf
L'editor a blocchi e la sua galleria sono solitamente sufficienti per molti siti web. Quello con cui a volte fatico, però, è la mancanza di effetti, poiché i clienti si aspettano spesso che la galleria abbia un certo fattore "WOW". Capisco la loro prospettiva, ma è difficile ottenerlo solo con l'editor a blocchi. Envira Gallery sembra un plugin solido che può fare molto in base alla sua descrizione. L'articolo menziona una chiave di licenza, quindi è un plugin a pagamento. Questo plugin ha anche una versione lite? Preferirei provare prima le sue funzionalità, perché se è davvero buono, ne avrei bisogno e sarei felice di pagare per la versione pro. Ma voglio sempre la possibilità di provare prima un plugin, anche con funzionalità limitate.
Jiří Vaněk
Cercavo da tempo un plugin per sostituire le gallerie che avevo creato in Elementor Pro. Non sono male, ma nemmeno perfette. Il plugin Envira Gallery mi ha completamente impressionato con le sue funzionalità e soprattutto con i suoi effetti. Grazie a questo plugin, sono finalmente riuscito ad aggiungere gallerie con effetto zoom al passaggio del mouse a WooCommerce. Questo plugin è imbattibile e sono contento di averlo scoperto attraverso la tua serie di articoli. Sto gradualmente sostituendo le gallerie originali di Elementor e il risultato è fantastico.
kzain
Questa analisi sull'utilizzo della galleria integrata di WordPress e del plugin Envira Gallery offre preziose opzioni per creare splendide presentazioni di immagini. Il punto sull'uso di immagini di alta qualità per un impatto ottimale è ben fatto, ma ho una rapida domanda: posso aggiungere la funzionalità lightbox alla galleria integrata di WordPress?
Supporto WPBeginner
Per fare ciò avresti bisogno di un plugin sul tuo sito, al momento non abbiamo un plugin specifico solo per quella funzionalità, ma saremo sicuri di condividerlo se dovessero cambiare le cose! Per ora, raccomanderemmo Envira per aggiungere quella funzionalità al tuo contenuto.
Amministratore
Chris
Ho appena iniziato a usare le gallerie di immagini standard di WordPress. Quando aggiungo immagini alla galleria, se non ho abbastanza immagini per riempire un'intera riga, l'immagine dell'ultima riga viene visualizzata a una dimensione che le consente di riempire l'intera larghezza del contenitore. Quindi, il valore predefinito di 3 immagini per riga si applica finché la riga non esaurisce le immagini, quindi ottengo una riga finale con un'immagine gigante. C'è un modo per forzare ogni immagine alla stessa dimensione in modo che la galleria abbia tutte le immagini della stessa dimensione, indipendentemente dal fatto che la riga in cui appare sia piena?
Supporto WPBeginner
Per questo, vorresti che tutte le tue immagini caricate fossero della stessa dimensione e poi deselezioneresti la casella di controllo "ritaglia immagini" che forza l'allineamento delle tue immagini.
Amministratore
Roger Novak
È possibile collegare/incorporare collegamenti cliccabili separati a ciascuna immagine in una galleria che porteranno lo spettatore su un altro sito web?