Accueil Formations Maîtriser WordPress 7- Créer son portfolio en ligne de A à Z

Améliorer la consultation d’une galerie WordPress avec PhotoSwipe

Retour à la formation
Chapitre 6 Leçon 3
Précédent
Suivant

Découvrez comment utiliser Lightbox with PhotoSwipe avec une galerie Gutenberg afin d’agrandir les photographies et de naviguer entre elles dans une fenêtre de visualisation.

Détails de la leçon

Description de la leçon

Cette leçon montre comment tirer parti de l’extension WordPress Lightbox with PhotoSwipe pour améliorer l’affichage des photographies d’un portfolio. L’extension a été installée et activée précédemment ; cette démonstration explique maintenant comment l’utiliser avec une galerie créée à l’aide du bloc Galerie de Gutenberg.

Dans l’éditeur de l’article, il suffit de sélectionner une image de la galerie et de choisir l’option permettant de la lier au fichier image. Cette configuration indique que le clic sur la miniature doit ouvrir le fichier photographique, plutôt que la page du fichier joint. La même opération peut être appliquée à plusieurs images : dans l’exemple, elle est effectuée sur les trois premières photos de la galerie.

Après l’enregistrement et la consultation de l’article, un clic sur l’une des images configurées ouvre une version agrandie. Le visiteur peut également passer d’une image à l’autre, ce qui rend la consultation plus fluide. WordPress propose aussi une fonction native d’agrandissement au clic, mais la leçon présente PhotoSwipe comme une solution offrant une expérience de galerie plus adaptée. La galerie existante est conservée : seule la manière d’accéder aux images est améliorée.

Objectifs de cette leçon

À l’issue de la leçon, vous pourrez :

  • associer une image de galerie à son fichier image dans Gutenberg ;
  • activer l’ouverture agrandie des photos avec Lightbox with PhotoSwipe ;
  • permettre aux visiteurs de naviguer entre les images configurées ;
  • améliorer la consultation d’un portfolio sans reconstruire sa galerie.

Prérequis pour cette leçon

Disposer d’un site WordPress, savoir modifier un article avec Gutenberg et posséder une galerie d’images. L’extension Lightbox with PhotoSwipe doit être installée et activée.

Métiers concernés

Cette fonctionnalité est utile aux photographes, aux concepteurs de sites web, aux intégrateurs WordPress, aux agences de communication et aux responsables de contenus qui présentent des images dans un portfolio, une galerie ou un article.

Alternatives et ressources

La fonction native d’agrandissement au clic de WordPress peut constituer une solution simple. D’autres extensions de galerie ou de visionneuse lightbox peuvent également être envisagées, selon les besoins du site et leur compatibilité avec le thème et les blocs utilisés.

Questions & Réponses

Dans l’éditeur Gutenberg, sélectionnez l’image concernée puis choisissez l’option de lien vers le fichier image. Après l’enregistrement de l’article, le clic sur la miniature peut ouvrir la photographie agrandie avec PhotoSwipe.
Non. La galerie existante, créée avec le bloc Galerie de Gutenberg, peut être conservée. Il suffit de modifier le réglage de lien des images que l’on souhaite rendre consultables en grand.
Il peut visualiser l’image en grand et naviguer d’une image à l’autre parmi celles qui ont été configurées pour pointer vers leur fichier image.