📁
Forum per Webmaster
WordPress

Inserire una photogallery con lightbox

Una photogallery è molto importante per rendere il blog decisamente più interessante e divertente

Aggiungere una galleria d’immagini donerà un grandissimo colpo d’occhio rendendo il sito che la ospita davvero interessante. Per aggiungere una galleria lightbox è sufficiente installare una plugin.

La plugin che bisogna installare è Lightbox2. Questa plugin adopera le interessantissime framework Prototype e lo Scriptaculuos Effects Library.

Questo plugin è soprattutto un wrapper per il lavoro, infatti, riesce a  fornire un importantissimo supporto per la localizzazione, un pannello di amministrazione per la configurazione, un’auto-boxing per i link di immagine e di supporto per le gallerie di WordPress, inclusi i titoli della libreria multimediale e le didascalie.

Questa versione è completamente compatibile con tutti i dispositivi mobili riuscendo a massimizzare l’uso dello spazio dello schermo, migliorando in questo modo tutte le visualizzazioni. Parlando sempre di dispositivi mobili, questa plugin permette il riconoscimento dell’orientamento del dispositivo mobile. Infine permette di disabilitare del tutto qualsiasi animazione.

Installare questa plugin è molto semplice. Prima di tutto bisogna scaricare il pacchetto nella cartella delle plugin, wp-content/plugins/, quindi attivarlo tramite il menu plugins di wordpress.

Aprire il pannello dell’interfaccia di amministrazione di jQuery Lightbox per i dettagli di utilizzo e configurazione.
Utilizzare questa plugin è ancora più facile:
La galleria built-in di Wordpress: [gallery link = "file"]
Con l'aggiunta di un attributo rel = "lightbox" ad ogni link:

href="image-1.jpg" <a rel="lightbox" title="La caption"> immagine # 1 </ a>

Si noti l'uso del titolo-attributo per impostare una didascalia


Per gruppi  di immagini correlate, seguire il passo 2, ma includono anche un nome di gruppo nella attributo rel:

rel="lightbox[roadtrip]"> <a href="image-1.jpg" immagine # 1 </ a>

rel="lightbox[roadtrip]"> <a href="image-2.jpg" immagine # 2 </ a>

rel="lightbox[roadtrip]"> <a href="image-3.jpg" immagine # 3 </ a>


Argomenti nella stessa categoria