29 juin 2009

Extensions Flickrpress et Lightbox2 pour une visualisation réussie des images

lightbox2 screenshot Extensions Flickrpress et Lightbox2 pour une visualisation réussie des images

Visualisation d'image Flickr avec l'extension Lightbox2

Dans un billet précédent, il était question de la récupération de code PHP/HTML/CSS du thème visuel Irresistible pour WordPress, permettant l’utilisation d’un widget pour visualiser des images issues d’un compte Flickr.

flickrpress Extensions Flickrpress et Lightbox2 pour une visualisation réussie des images

J’ai utilisé cette fonction pour afficher le module « MES DERNIÈRES PHOTOS PUBLIQUES SUR FLICKR » (visible ci-contre). Quand on clique sur une miniature d’image, on se retrouvait sur la page web de l’image correspondante sur Flickr. Donc, on sort du site orignal, ce qui n’est pas très sexy…

Une autre solution consiste à rester sur le site original, et afficher l’image avec un bel effet « lightbox » (permet de superposer une image à une page active, avec un effet de calque progressif). De cette manière l’utilisateur reste sur le site original, et la photo est mise en valeur, avec un système de visualisation agréable, renforçant l’expérience utilisateur.

Cela est rendu possible sur WordPress par l’utilisation conjointe de deux extensions ‘ou plugins) compatibles et complémentaires :

Flickrpress, pour l’affichage du widget d’images miniature,
Lightbox2 pour l’effet lightbox.

Afin de rester homogène avec le théme visuel utilisé sur ce blog, j’ai du modifier les fichiers de style CSS du thème visuel (template) WordPress et de l’extension Lightbox2, ainsi que les fichiers sidebar.php et functions.php.

Tags: , , , ,

Articles relatifs

Page optimized by WP Minify WordPress Plugin