Come visualizzare le foto di WordPress in colonne e righe

Volete visualizzare le foto di WordPress in colonne e righe?

Per impostazione predefinita, WordPress aggiunge le immagini in una colonna verticale una sopra l’altra. Tuttavia, se si aggiungono più foto a un post del blog, l’aspetto non è molto pulito e richiede un notevole scorrimento da parte degli utenti.

In questo articolo vi mostreremo come visualizzare facilmente le foto di WordPress in colonne e righe.

Perché vi servono le foto di WordPress in colonne e righe

Per impostazione predefinita, quando si aggiungono più immagini a un post del blog WordPress, queste appaiono una accanto all’altra o una sopra l’altra.

Questo non ha un bell’aspetto e gli utenti devono scorrere molto per visualizzare più immagini e foto.

È possibile risolvere facilmente questo problema visualizzando le foto in righe e colonne utilizzando un layout a griglia. In questo modo, le immagini appariranno in un layout compatto e miglioreranno l’esperienza dell’utente sul vostro sito web.

Se avete un sito web di fotografia, potete mostrare il vostro portfolio in modo più accattivante. Oppure potete mostrare più immagini di prodotti su un negozio online, visualizzandole in righe e colonne.

Detto questo, vediamo come visualizzare le foto di WordPress in colonne e righe manualmente o utilizzando un plugin per WordPress. Fate semplicemente clic sui link sottostanti per passare alla sezione che preferite.

1. Visualizzare le foto in colonne e righe senza plugin

Questo metodo non richiede l’installazione di un plugin sul vostro sito WordPress. Se non aggiungete più foto troppo spesso, questo metodo può andare bene per voi.

È possibile aggiungere manualmente le immagini a un blocco colonna o utilizzare il blocco galleria predefinito di WordPress.

Aggiunta di immagini a un blocco di colonne

Innanzitutto, è necessario creare un nuovo post o modificarne uno esistente in cui visualizzare le foto. Una volta entrati nella schermata dell’editor di contenuti, fare clic sul pulsante ‘+’ per aggiungere un blocco di colonne.

Successivamente, è possibile scegliere il numero di colonne desiderate e la loro disposizione.

Ad esempio, è possibile scegliere un rapporto 50/50, 33/66, 25/50/25 e altri ancora.

Successivamente, è possibile aggiungere un blocco di immagini a ciascuna colonna.

È sufficiente fare clic sul pulsante “+” e selezionare il blocco “Immagine”.

Successivamente, è necessario aggiungere un’immagine al blocco.

È possibile fare clic sul pulsante “Carica” per aggiungere un’immagine dal computer o selezionare l’opzione “Libreria multimediale” per utilizzare un’immagine esistente.

Una volta aperta la mediateca, è sufficiente selezionare l’immagine preferita e fare clic sul pulsante “Seleziona”.

Una delle migliori pratiche di ottimizzazione delle immagini consiste nell’aggiungere un testo alt alla propria immagine. Questo permette ai bot dei motori di ricerca di capire la vostra immagine e di mostrarla nei risultati della ricerca per immagini.

A questo punto si dovrebbe vedere l’immagine in uno dei blocchi di colonna.

Ora è possibile fare lo stesso per altri blocchi della colonna e aggiungere altre immagini.

Aggiunta di immagini in un blocco Galleria

WordPress offre anche un blocco galleria predefinito che si può utilizzare per visualizzare le immagini in colonne e righe.

Per iniziare, fare clic sul pulsante “+” e aggiungere un blocco Galleria nell’editor dei contenuti.

Successivamente, è necessario caricare le immagini o sceglierle dalla libreria multimediale.

Per questa esercitazione, sceglieremo l’opzione ‘Libreria multimediale’.

È sufficiente selezionare le immagini che si desidera aggiungere alla galleria e visualizzarle in righe e colonne.

Una volta scelte le immagini, fare clic sul pulsante “Crea una nuova galleria”.

Successivamente, WordPress chiederà di inserire le didascalie per ogni immagine e di riorganizzare l’ordine delle immagini.

Dopo aver fatto ciò, è sufficiente fare clic sul pulsante “Inserisci galleria”.

Ora si dovrebbero vedere le immagini nel blocco della galleria.

È possibile regolare il numero di righe facendo clic sul cursore nel pannello Impostazioni a destra.

Una volta terminato, è sufficiente pubblicare il post per visualizzare le immagini in colonne e righe.

Basta visitare il vostro sito per vederli in azione.

Questo metodo è adatto alla maggior parte dei principianti. Tuttavia, se gestite un blog di fotografia o condividete spesso foto sul vostro sito web, questo metodo manca di alcune caratteristiche importanti.

Ad esempio, l’aspetto delle foto dipende dal tema di WordPress e si è limitati a quel particolare layout e stile.

Le immagini non si apriranno in un popup lightbox e gli utenti dovranno caricarle come nuova pagina e poi premere il pulsante indietro per tornare alla pagina originale.

Per un’esperienza utente più professionale e bella, si dovrebbe provare il metodo dei plugin.

2. Visualizzare le foto in colonne e righe con un plugin

Il miglior plugin per aggiungere foto in colonne e righe è Envira Gallery. È il più popolare plugin per gallerie di WordPress, facilissimo da usare e ricco di funzioni.

Innanzitutto, è necessario installare e attivare il plugin Envira Gallery. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Dopo l’attivazione, è necessario visitare la pagina Envira Gallery ” Impostazioni per inserire la chiave di licenza. Questa chiave può essere ottenuta dal proprio account sul sito web di Envira Gallery.

Ora siete pronti a creare bellissime gallerie di immagini.

Basta andare su Envira Gallery ” Aggiungi nuovo dalla dashboard di WordPress per creare la vostra prima galleria.

Per prima cosa, dovrete inserire un nome per la vostra galleria nella parte superiore. Da qui è possibile selezionare e caricare i file dal computer o dalla libreria multimediale di WordPress.

Dopo aver caricato le foto, le vedrete apparire nel riquadro delle impostazioni della galleria.

Successivamente, è necessario fare clic sulla scheda “Configurazione” per personalizzare la visualizzazione delle foto.

Envira Gallery consente di scegliere diversi layout di galleria. Per mostrare le immagini in righe e colonne, è possibile selezionare i layout griglia, muratore e quadrato.

Dopo aver selezionato il layout, è possibile fare clic sul menu a discesa “Numero di colonne della galleria” e scegliere il numero di colonne da visualizzare.

Se si scorre verso il basso, si vedranno altre opzioni per personalizzare la galleria. Ad esempio, ci sono impostazioni per modificare le dimensioni e la grandezza della galleria.

Dopodiché, è possibile fare clic sul pulsante “Pubblica” per rendere la galleria fotografica pronta per essere aggiunta al sito WordPress.

Ora è necessario modificare un post o crearne uno nuovo. Una volta entrati nell’editor di contenuti, è sufficiente fare clic sul pulsante “+” per aggiungere il blocco “Envira Gallery”.

Da qui è possibile fare clic sul menu a discesa e selezionare la galleria creata in precedenza.

Ora è possibile salvare il post e visualizzarne l’anteprima per vedere le foto in colonne e righe in una splendida galleria fotografica sensibile ai dispositivi mobili.

Ora, quando gli utenti fanno clic sulla miniatura di una foto, questa si aprirà in un bellissimo popup. Potranno anche sfogliare le immagini senza lasciare la pagina.

Bonus: Creare un tema personalizzato con colonne e righe di immagini

È anche possibile creare temi WordPress personalizzati con un segnaposto per l’aggiunta di immagini nelle colonne e nelle righe.

Il modo migliore per creare un tema personalizzato è utilizzare SeedProd. È il miglior costruttore di siti web drag-and-drop che offre temi precostituiti e molte opzioni di personalizzazione.

Con SeedProd è possibile aggiungere un blocco colonna ai progetti delle pagine di destinazione e aggiungere immagini alle righe e alle colonne. SeedProd dispone anche di un blocco Galleria integrato che potete utilizzare a questo scopo.

Per saperne di più, consultate la nostra guida su come creare un tema WordPress personalizzato senza codice.

Speriamo che questo articolo vi abbia aiutato a capire come visualizzare le foto di WordPress in colonne e righe. Potreste anche consultare la nostra guida su come risolvere i problemi più comuni relativi alle immagini in WordPress e il miglior software di progettazione per le piccole imprese.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.