Tuto wp – créer un galerie lightbox sans plugin #1

Dernières nouvelles : à la suite d’une mise à jour, soit de WP soit d’une extension, ce qui fonctionnait ne fonctionne plus. Je laisse la page en attendant de voir s’il est possible de réparer. Vous pouvez toujours essayer, ça marchera peut-être chez vous.

Pour commencer, il va falloir évidemment vous procurer et installer le logiciel dans sa version gratuite et sans limite d’utilisation. Je l’ai trouvé ici, sur le site http://visuallightbox.com/
(tuto mis en ligne le 01-08-2011 /Wordpress 3.2)Il vous faudra également un client FTP (Filezilla par exemple), car vous aurez des répertoires à envoyer sur le serveur. J’ai personnellement utilisé l’interface Dreamweaver, c’est question de goût personnel.

Créer sa galerie en local

Vous devez au préalable créer un répertoire contenant toutes les photos que vous allez utiliser pour votre galerie. Vous pouvez, et c’est préférable, les préparer pour le web, c’est à dire les dimensionner à environ 800px de large et 72 de résolution. J’ai fait un tuto pour ce genre de manip voir Tuto Photoresize
Une fois le répertoire créé et vos photos optimisées, démarrez VisualLightBox. Vous ouvrez une première fenêtre qui correspond en fait à la première galerie que vous allez créer.

Reprenez votre répertoire avec les images que vous avez préparées.

C’est fait!

Ouvrez la fenêtre « propriétés de la galerie » (flêche rouge).

Sur cette interface, vous allez pouvoir régler la taille, l’aspect des vignettes et des images. De plus vous pourrez assortir tout ça à votre charte graphique.

Publier la galerie (toujours en local)

Tous les réglages étant effectués, le moment de publier votre galerie est arrivé.

Cliquez sur l’icone « Publier ». Sur la fenêtre qui s’ouvre, diverses options vous sont proposées, préférez les options:

Publier dans un dossier

Nom du fichier Index: index.html

Cochez la case « ouvrir la galerie dans le navigateur après publication »

Donnez le chemin vers votre WordPress local en indiquant le répertoire dans lequel vous allez créer votre galerie : dans notre cas « fleurs »
Cliquez sur « Publier », c’est fini pour la partie « création de la galerie ».

Passage à WordPress

Vous avez tout paramétré dans VisualLightbox et visionné, à travers l’index qui s’est ouvert dans le navigateur, le résultat de votre travail.
Si vous n’êtes pas satisfait, soit de la taille des vignettes, soit de la taille des images, n’hésitez pas à modifier et republier, les nouvelles modifications écraseront les précédentes dans le répertoire « Fleurs ». Faites attention, avant publication, d’assortir le rendu à votre charte graphique, ne serait-ce que le fond sur lequel apparaissent les vignettes c’est à dire: page color
De plus, si vous êtres familiarisés avec les css tout est moodifiable dans les feuilles de style générées par le soft.
Passons maintenant à la partie qui nous intéresse: rendre notre galerie visible dans WordPress.
suite du tuto ici