• Paru le 30 août 2016

Des extensions gratuites pour créer une galerie photo attrayante

1108 mots - 5mn

Des extensions gratuites pour créer une galerie photo attrayante

1024 576 Tout sur WordPress

Ce n’est pas une photo, mais tout un set que vous voulez présen­ter. Créer une gale­rie photo est simple, mais toutes n’ont pas le même impact visuel. Laquelle choi­sir pour quel effet ?

Rien de plus facile que d’intégrer une gale­rie à un article : il suffit de cliquer sur Ajouter un média, puis sur Créer une gale­rie… vous sélec­tion­nez les photos que vous souhai­tez inclure dans la gale­rie, vous cliquez sur Créer une nouvelle gale­rie, choi­sis­sez la taille des images, déci­dez de lier ou non au fichier média ou à la page du fichier joint, d’afficher les images dans un ordre prédé­ter­miné ou aléa­toire… un dernier clic sur Insérer la gale­rie, et c’est terminé.

Ouf ! Je vais à la ligne !

Le résul­tat, c’est une gale­rie de photos, toute simple, pas vrai­ment mises en valeur.

Galerie de base - WordPress

Galerie de base – WordPress

Ok, les photos sont là, alignées dans une gale­rie proprette, on ne peut plus mini­ma­liste, et on peut éven­tuel­le­ment cliquer dessus pour affi­cher l’image en grand.

Mais il est est quand même possible de faire mieux, beau­coup mieux, très faci­le­ment.

Je vais vous présen­ter quelques exten­sions qui vont vous permettre de donner à vos gale­ries un look un peu plus sexy 😉 Et cerise sur le gâteau, elles sont gratuites !

La toute première, on ne la présente pas, on ne la présente plus, il s’agit de…

Jetpack

Oui, la boîte à outils de WordPress, Jetpack, inclut un modèle de gale­rie bien plus avancé que la gale­rie basique que nous venons de mettre en œuvre. Il suffit d’activer le module Mosaïque d’images, et le tout et joué – ou presque.

Pour en savoir plus sur Jetpack et pour l’installer, je vous renvoie à l’article Jetpack – le couteau suisse pour WordPress.

Et en plus, ce n’est pas un type de gale­rie, mais quatre que vous allez gagner.

La mosaïque d’images carrées

C’est une présen­ta­tion en grille simple, avec des minia­tures carrées. Le résul­tat est déjà large­ment plus agréable :

Mosaïque d'images carrées

Mosaïque d’images carrées

La mosaïque d’images

Très réussi, les images sont arran­gées et « justi­fiées », vos photos sont vrai­ment mises en valeur :

Jetpack - Mosaïque d'images

Jetpack – Mosaïque d’images

Mais ce n’est pas tout, il y a aussi…

La mosaïque de colonnes

Au leu d’avoir un arran­ge­ment ligne par ligne, c’est en colonnes que vos photo­gra­phies vont être dispo­sées – l’effet est plutôt bluf­fant :

Jetpack - Mosaïque de colonnes

Jetpack – Mosaïque de colonnes

Pour ma part, c’est – et de loin – la dispo­si­tion que je préfère. Mais il y a aussi, même si elle n’est pas vrai­ment en vogue actuel­le­ment…

La présentation en cercles

Elle peut éven­tuel­le­ment conve­nir à certains sujets, même si je ne vois pas trop lesquels – j’attends vos commen­taires !

Jetpack - Cercles

Jetpack – Cercles

Couplé au module Carrousel (toujours dans Jetpack…), vous avez une solu­tion déjà pour affi­cher des gale­ries photo avec un impact visuel bien plus inté­res­sant que la basique gale­rie native de WordPress – et sans bourse délier, ce qui n’est pas rien !

Mais vous souhai­tez peut-être affi­cher vos photo­gra­phies en grand format, avec PhotoSwipe par exemple (c’est PhotoSwipe qui vous permet voir une image en pleine réso­lu­tion, quand vous cliquez dessus, sur Photo Blogging).

Malheureusement, il n’existe pas – à ma connais­sance – d’extension gratuite permet­tant de coupler les gale­ries Jetpack et PhotoSwipe.

Il y a par contre une exten­sion qui permet d’afficher vos images dans un modèle de gale­rie proche de la mosaïque d’images de Jetpack, plus dans l’esprit des murs d’images de Pixabay d’ailleurs, et qui permet leur affi­chage plein écran avec jQuery light­gal­lery, il s’agit de…

Justified Gallery

Très simple à instal­ler, à confi­gu­rer, et un masque sur vos images, qui se déplace avec un effet visuel sympa­thique.

Vous trou­ve­rez cette exten­sion en allant dans Extensions > Ajouter, et en saisis­sant Justified Gallery dans le champ en haut à droite. Un clic pour instal­ler, un pour acti­ver… et le tour est joué, il ne reste plus qu’à passer dans Réglages > Justified Gallery pour gérer les options dispo­nibles :

Justified Gallery - Réglages

Justified Gallery – Réglages

Le rendu est à la hauteur :

Justified Gallery

Justified Gallery

Le carrousel dfactory et son extension pour PhotoSwipe

Basée en Pologne, cette web agency propose des exten­sions, la plupart gratuites, régu­liè­re­ment mises à jour, pour la gestion de vos images (mais pas que, il faudrait peut être que je présente l’ensemble de leurs exten­sions dans un article…).

La première exten­sion, Responsive Lightbox,fonc­tionne avec Jetpack – et gère l’affichage de vos photo­gra­phies avec SwipeBox, pret­ty­Photo, FancyBox, Nivo Lightbox et Image Lightbox. De quoi satis­faire la majo­rité des utili­sa­teurs.

De plus, Responsive Lightbox permet d’afficher les images seules dans une light­box, ce qui n’est pas le cas de toutes les exten­sions que j’ai pu tester.

Et pour ceux qui veulent à tout prix PhotoSwipe, il y a un add-on à cette exten­sion…

PhotoSwipe Lightbox

Cette exten­sion n’est pas gratuite, elle est propo­sée avec une licence à 19$ pour une utili­sa­tion sur un blog (29$ pour 5 sites et 69$ pour l’utiliser sur autant de sites que vous le souhai­tez).

Mais PhotoSwipe Lightbox s’intègre dans Responsive Lightbox pour vous offrir la seule exten­sion PhotoSwipe utili­sable avec Jetpack et ses mosaïques.

Responsive Lightbox avec PhotoSwipe

Responsive Lightbox avec PhotoSwipe

Et les réglages de l’extensions sont acces­sibles depuis Responsive Lightbox :

Réglages de l'extension PhotoSwipe Lightbox

Réglages de l’extension PhotoSwipe Lightbox

En conclusion

J’ai passé des heures à cher­cher l’extension parfaite pour affi­cher une gale­rie photo – elle n’existe pas. Il y a toujours un compro­mis à faire – ou alors, il faut mettre les mains dans le cambouis code.

Jetpack ne propose pas nati­ve­ment d’effet au survol de la souris, Justified Gallery se limite à un affi­chage en lignes, et la meilleure solu­tion n’est pas tout à fait gratuite. Mais au moins, [inli­net­weet prefix= » » twee­ter= » » suffix=« via @pcescato »]il existe des solu­tions satis­fai­santes, pour mettre en valeur vos galeries[/inlinetweet], gratui­te­ment ou pour un coût fina­le­ment très raison­nable.

Si vous avez trouvé une faute d’orthographe, veuillez sélec­tion­ner le texte en ques­tion et appuyer sur Ctrl + Entrée.

4 commentaires
  • Laetiboop 2 août 2017 à 8 h 44 min

    J’avoue que j’ai long­temps hésité entre des photos à la présen­ta­tion plus « pratique » et la gale­rie photo.
    Mais je trouve que la gale­rie ne présente pas forcé­ment tres bien sur mobile…

    • Pascal CESCATO 2 août 2017 à 9 h 13 min

      Oui Lætitia, toutes les gale­ries ne sont pas égales (niveau rendu) sur mobile. Mais une gale­rie bien faite (jetpack ou justi­fied gale­ries par exemple) mettent les images les unes à la suites des autres, avec une largeur de 100% donc, ce qui évite d’avoir des images trop petites.

      Ceci-dit le point se discute, une image seule va béné­fi­cier de sa propre légende, peut avoir un texte expli­ca­tif en dessous (ou en dessus), avec la possi­bi­lité de la mettre en plein écran via une exten­sion telle que Photoswipe Masonry par exemple, qui rend très bien sur mobile.

      Tout dépend du contenu du site (diffi­cile de ne pas faire avec une gale­rie dans un article présen­tant des photos de voyage par exemple), du nombre de photos présen­tées, du rédac­teur / de la rédac­trice… comme je le dis en conclu­sion, la gale­rie parfaite n’existe pas, « il y a toujours un compro­mis à faire ».

  • bibli­blo­gueuse 6 septembre 2016 à 6 h 34 min

    Merci pour cet article vrai­ment inté­res­sant. J’avais déjà entendu parler de Jetpack mais il n’était pas compa­tible avec les versions récentes de WP. Des mises à jour ont été faites et il fonc­tionne désor­mais jusqu’à la version 4.6 ; du coup, je suis tentée de l’installer car les mosaïques sont belles et rendent très bien sur l’exemple des chats.

    • Pascal 6 septembre 2016 à 10 h 13 min

      Disons que Jetpack a toujours eu ses admi­ra­teurs… et ses détrac­teurs. Je l’utilise depuis long­temps et j’en suis très satis­fait. D’autres ne veulent même pas en entendre parler et vont le déni­grer.

      Il faut quand même consi­dé­rer que c’est une exten­sion produite par les créa­teurs de WordPress, qui s’intègre parfai­te­ment avec, mise à jour régu­liè­re­ment, et qui rend d’énormes services (mosaïques d’images, CDN avec Photon, protec­tion contre les attaques, statis­tiques, etc.).

      Et merci pour ton commen­taire, et pour ton compli­ment quant aux gale­ries qui illus­trent l’article !

Laisser une réponse

La modération des commentaires est activée. Votre commentaire peut prendre un certain temps avant d'apparaître.

    Partager…

    Rapport de faute d’orthographe

    Le texte suivant sera envoyé à nos rédacteurs :