WordPress: creare una galleria immagini responsive

Le immagini sono uno dei contenuti multimediali più popolari della Rete, un plugin WordPress ci aiuta ad inserire un'accattivante galleria responsive.

WordPress: creare una galleria immagini responsive

Photo Gallery, disponibile in modalità gratuita ed a pagamento, è il plugin che presentiamo nel tutorial di oggi e che ci permetterà di inserire una galleria responsive in WordPress.

Per prima cosa procediamo all’installazione ed attivazione (Plugin, Aggiungi nuovo da menu laterale; bottone Installa ora e poi Attiva una volta individuato dal motore di ricerca interno); la pagina principale delle impostazioni è accessibile cliccando sulla voce Photo Gallery della bacheca:

WordPress: creare una galleria immagini responsive

Ed ecco la schermata:

WordPress: creare una galleria immagini responsive

Clicchiamo sul pulsante Add new (di fianco a Galleries):

photo_gallery_4b

Scegliamo un nome per la galleria (in questo esempio Test) e clicchiamo su Add per accedere alla sezione dalla quale sarà possibile caricare le immagini  presenti sul sito o nel computer locale:

photo_gallery_5b

Clicchiamo su Upload files (in alto al centro) e trasciniamo i file desiderati nella finestra in primo piano (oppure clicchiamoci sopra per iniziare a sfogliare le cartelle del computer locale). Nella schermata successiva sono mostrate 3 immagini dopo la procedura di upload:

WordPress: creare una galleria immagini responsive

Selezioniamo l’immagine da utilizzare come anteprima della galleria e clicchiamo su Add. Ora procediamo all’aggiunta delle altre immagini cliccando su Add Images.

photo_gallery_7b

Indichiamo uno o più elementi e clicchiamo su Add selected images to gallery. Come è possibile notare i file sono ora presenti nella parte bassa della schermata generale. Ricordiamoci di completare almeno le caselle Alt/Title e descrizione:

photo_gallery_8b

Una volta ultimate le modifiche clicchiamo su Update (in cima) e torniamo alla pagina principale.

Implementare la galleria in un/a nuovo/a articolo/pagina

Non ci resta che creare un nuovo elemento (articolo/pagina) ed utilizzare il bottone Add Photo Gallery visibile nella finestra dell’editor:

WordPress: creare una galleria immagini responsive

Dalla finestra successiva selezioniamo la galleria precedentemente creata (Test), il tema desiderato (alcuni non disponibili nella versione gratuita), lo stile cromatico (chiaro, scuro) e confermiamo dal pulsante Insert into post (in basso a destra):

photo_gallery_10b

Ritorneremo dopo alcuni istanti alla schermata dell’editor. Visualizziamo l’anteprima della pagina/articolo per controllare che la galleria corrisponda alle nostre aspettative: