Blog di Tuxlife

Ciao a tutti, oggi vorrei parlare di un bellissimo plugin per WordPress che consente di includere una slideshow all’interno di un post. Il plugin in questione è: Lightbox Plus, come si legge dalla descrizione:

Lightbox Plus implements ColorBox as a lightbox image overlay tool for WordPress. ColorBox was created by Jack Moore and is licensed under the MIT License. Lightbox Plus permits users to view larger versions of images without having to leave the current page. Lightbox is able able to lightbox WordPress galery images, display simple slide shows, along with video and content in overlays. The use of the dark or light background, which dims the page over which the image has been overlaid, also serves to highlight the image being viewed. Lightbox Plus captures the image title for display in the overlay.

Lightbox Plus consente di aggiungere delle slideshow in un post in modo che le immagini vengano ingrandite, mostrate a schermo e vengano aggiunti dei pulsanti di navigazione per andare avanti e indietro.

L’installazione come tutti i plugin di WordPress è molto semplice, basta scarica il file .zip: lightbox-plus.2.2.zip, scompattarlo e copiare la cartella lightbox-plus nella cartella wp-content/plugins della vostra installazione di WordPress. Fatto questo dovrete andare nel pannello di amministrazione e attivare il plugin.

Per includere una slideshow nel vostro post dovete usare questa sintassi:

<a href="image.jpg" rel="lightbox[uniqueID]">image-name</a>


1. href="image.jpg": è l’indirizzo della vostra immagine
2. uniqueID: è il nome che volete dare alla vostra slideshow, tutte le immagini che devono farne parte devono avere questo uniqueID
3. image-name: è il nome che volete dare all’immagine

Quindi supponendo di avere tre immagini: qui.jpg, quo.jpg e qua.jpg e di voler chiamare la slideshow “fratelli” dovrete scrivere questo codice:

<a href="qui.jpg" rel="lightbox[fratelli]">Foto di Qui</a>
<a href="quo.jpg" rel="lightbox[fratelli]">Foto di Quo</a>
<a href="qua.jpg" rel="lightbox[fratelli]">Foto di Qua</a>


Questo è il risultato: Foto di Qui, Foto di Quo, Foto di Qua. I pulsanti sono un po’ vicini perchè le immagini sono piccole…

Semplice no?

Ciao Alberto