La galerie de photos native et gratuite de Gutenberg

L’éditeur Gutenberg de WordPress permet de faire des galeries de photos. C’est joli, simple, flexible, adapté aux petits écrans et léger à charger mais c’est aussi c’est gratuit et open-source !

Cependant ces galeries sont peu utilisées car peu connue et aussi parce que la fonctionnalité de zoom est un peu tordue à enclencher et pas tout à fait complète puisqu’on ne peut toujours pas passer d’une photo à l’autre avec des petites flèches.

Si ce dernier point n’est pas très important pour vous, voici comment mettre en place gratuitement une galerie de photos sous WordPress sans acheter un plugin de galerie de photos.

Comment ajouter une galerie de photos Gutenberg avec un zoom ?

1- Ajouter le bloc Galerie de Gutenberg

2- Ajouter vos photos depuis la médiathèque WordPress

La librairie de média de WordPress

3- Sélectionner une photo, cliquer sur le bouton lien et sélectionner « Agrandir au clic ». Vous êtes obligé de faire la manipulation pour chaque image.

4- Résolution des images

Dans le panneau de droite, vous pouvez régler la taille de l’image, mais ce panneau n’a pas d’effet concret, laissez le sur « Grande ».

En effet WordPress génère automatiquement le code et les images associés à la bonne taille :

Par contre, au clic sur l’image, c’est obligatoirement l’originale qui est chargée, donc attention à bien redimensionner vos images avant de les télécharger sur WordPress.

Note : par défaut WordPress baisse la qualité des images à 80% et le CMS génère différents formats d’images mais vous pouvez régler cela dans votre thème (Contacter un développeur WordPress).

5- Sauvegardez et vérifiez

Images : merci à Hubert Raguet, photo-journaliste et photographe d’entreprise