Gestire le immagini su WordPress con NextGen Gallery - Pagina 2 | Mr. Webmaster
Il plugin ci permette anche di creare degli album, che possono integrare al loro interno anche più gallerie o altri album di foto. Per farlo dobbiamo spostarci all'interno della voce album nel riquadro gallery. Per creare un nuovo album dobbiamo inserire un nome nella casella add new album e cliccare sul pulsante add.
Per aggiungere all'album delle gallerie fotografiche create in precedenza o ulteriori album bisogna scegliere il nome dell'album appena creato dal corrispondente menu a tendina.
La pagina che si aprirà sarà divisa in tre colonne. La prima è relativa all'album appena creato e quindi risulta al momento vuota, la seconda ci mostra tutte le gallerie presenti e la terza tutti gli album che abbiamo realizzato. Per inserire delle immagini all'interno dell'album basta trascinare i riquadri che vogliamo nella prima colonna a sinistra dalle due colonne presenti a destra. Quando abbiamo finito clicchiamo sul pulsante update in alto.
Vediamo adesso come integrare le foto all'interno delle pagine del nostro sito. Per inserire una singola immagine basta aggiungere in qualsiasi punto dell'editor di testo per la scrittura degli articoli questo codice:
[singlepic id=identificativo w=larghezza h=altezza float=left/right]
Nel campo identificativo dobbiamo inserire il numero con il quale è stata contrassegnata l'immagine che vogliamo inserire. Lo possiamo trovare cliccando sulla voce manage gallery e in seguito cliccando sul nome della galleria che contiene l'immagine che vogliamo inserire. Nell'elenco delle varie foto inserite è presente anche una colonna "ID". E' questo il numero che dobbiamo considerare quando abbiamo la necessità di inserire una singola immagine.
In "w" e "h" dobbiamo inserire i valori (in pixel) che vogliamo assegnare alla larghezza e all'altezza dell'immagine che comparirà in miniatura sulla pagina del sito. Nel campo float lasciamo left se vogliamo che l'immagine sia allineata a sinistra, altrimenti scegliamo right per allinearla a destra della pagina. L'indicazione float naturalmente è del tutto opzionale.
Per inserire un album dobbiamo invece aggiungere alla pagina questo codice:
[album id=identificativo template=extend/compact]
Come al solito indichiamo il numero che identifica l'album, che troviamo all'interno dell'apposita sezione. Nel campo template indichiamo compact per visualizzare l'album con delle piccole miniature nello stile di Flickr, altrimenti lasciamo extend per visualizzare l'album con il seguente layout grafico.
Per visualizzare le immagini sotto forma di una lista inseriamo invece questo codice:
[nggallery id=identificativo]
Le foto verranno visualizzate come una sequenza di miniature.
Cliccando sulla prima piccola immagine possiamo sfogliarle in sequenza attraverso le piccole frecce che compariranno quando le immagini saranno ingrandite.
Infine, possiamo mostrare le foto sotto forma di una slide show scrivendo questo codice:
[slideshow id=identificativo w=larghezza h=altezza]
In "w" e "h" indicheremo al solito la misura in pixel che dovranno avere la larghezza e l'altezza del riquadro. Le immagini si presenteranno attraverso un vero e proprio video che ci permetterà di visualizzarle in sequenza, dandoci anche la possibilità di mettere in pausa lo scorrimento delle diapositive e di visualizzare il testo del nome delle immagini in una striscia nera trasparente.