WordPress, bien integrer une galerie dans vos billets

Et oui, comme vous le savez, la version 2.5 de WordPress c'est vue gratifier d'un système de galerie natif ! C'est vraiment un bonheur de pouvoir intégrer un ensemble d'images dans nos billets en un seul clic !

Mais voilà, au premier abord on a pas trop le choix de l'intégration de la galerie qui apparait toujours comme un ensemble de miniatures avec liens pointant vers une page contenant l'image originale. C'est un peu frustrant de ma pas pouvoir choisir la taille des miniatures, le nombre de colonnes ainsi que la destination des liens (rien/direct vers le fichier image/page intégrant l'image).

Et bien en fait WordPress intègre bel et bien la possibilité de choisir comment va s'afficher la galerie, voici les différentes options qui s'offrent à vous:

L'attribut "columns"
[gallery columns="4"] -> Permet de définir le nombre de colonnes de la galerie. Par défaut 3, et pour ne pas avoir de colonnes mettre 0

L'attribut "id"
[gallery id="123"] -> Permet d'afficher la galerie d'un autre billet en spécifiant son ID ! Si il n'est pas spécifié c'est la galerie du billet courant qui s'affiche. Voilà vraiment un attribut intéressant pour ceux qui veulent ré-utiliser d'anciennes galeries !

L'attribut "size"
[gallery size="medium"] -> Permet de changer la taille des images qui d'affichent dans le billet. Par défaut thumbnail et peut prendre 3 valeurs "thumbnail", "medium" et "full".

Atributs "Avancés"
Il y a aussi quelques attributs un peu plus technique comme:

  • orderby
    Permet de choisir dans quel ordre les miniatures sont affichées. Par défaut "menu_order ASC, ID ASC".
  • itemtag
    Le nom du tag XHTML qui englobe chaque élément de la galerie. Par défaut "dl".
  • icontag
    Le nom du tag XHTML qui englobe chaque miniatures de la galerie. Par défaut "dt".
  • captiontag
    Le nom du tag XHTML qui englobe chaque "caption" de la galerie. Par défaut "dd".

Voilà de quoi satisfaire la plupart des utilisateurs, même si je regrette qu'il n'y ai pas d'attribut pour choisir la destination du lien ! 😉

-----

Articles relatifs

  • André

    Superbe la galerie

  • Pingback: |Wordpress] Bien integrer une galerie dans vos billets « André()

  • Anthony

    Merci pour ce billet, dans mes favoris directement 🙂

  • Bonjour

    Je suis assez étonné car étant en cours de finition de mon premier site sous WP (version 2.6.0) je n’ai rien vu de tel ???

    Au niveau du back-office ça se trouve où ? Bêtement j’ai codé mon propre template de catégorie pour afficher mes miniatures (indispensable dans une de mes catégories) :-/

  • Cédric Girard

    (up)

    (juste pour être notifié des réponses, j’avais oublié de cocher la case)

  • meme question que Cédric Girard.
    Merci

  • k-ny

    @Cédric Girard et @kamal

    Qu’est ce que vous ne trouvez pas ? Pour le bouton « galerie » il se trouve sur la page de gestion de la galerie (en bas) « Insérer une galerie dans l’article ». Sinon il vous suffit de copier coller le tag [gallery] dans votre billet.

  • Ahhhh d’accord !!!

    Ce bouton n’est pas visible en mode HTML non WYSIWYG ? Je ne le vois pas… et du coup je ne connaissais pas le tag [gallery] 😉

    J’ai recherché bêtement dans les menus du back-office…

    Merci !

  • k-ny

    @Cédric Girard : =oui c’est vrai qu’il n’est pas super bien mis en évidence, il faut juste penser à appuyer dessus quand on vient juste d’uploader des images 🙂

  • cool 🙂 est ce possible une screenshot.

  • k-ny

    @kamal: http://img154.imageshack.us/img154/867/capture73dy3.jpg

    Et le bouton n’apparait que si il y a au moins 2 images uploadées 😉

  • Yes, Merci enfin le famouuuuu Button :p

  • RapidoJeux

    Merci pour ces explications. Mais comment faire pour changer « la destination des liens (rien/direct vers le fichier image/page intégrant l’image) », voire l’intégrer à un plugin lightbox type slimbox ?

    Je voudrais pouvoir charger l’image en lightbox ou au moins charger directement l’image en plein écran au lieu de passer par une page « attachment ».

  • k-ny

    @RapidoJeux Cette options n’est pas disponible pour le moment ! Mais elle sera ajoutée a wordpress 2.7 qui sort dans moins d’un mois 😉

  • Pingback: 34 tutoriels sur WordPress (astuces, hacks...) | Jean-Baptiste - Blog perso, Actualités, High-Tech, WordPress, Webdesign()

  • Oussama

    Merci aussi pour ce billet =) !
    il sera ausi dans mes favoris

  • GG_93

    Bonjour,
    Je suis la petite souris confrontée à des GÉANTS, en l’occurrence je débute, et j’ai crée des gallery, comment ! je sais pas. Ce qui m’ennuie c’est que le visiteur lorsqu’il clique sur une image, elle s’affiche dans la page du blog, et moi je voudrais que l’image s’affiche dans une autre fenêtre, j’ai trouvé comment faire avec une où des images, mais pas avec une gallery.Les spécialistes me diront qu’il suffit d’appuyer sur tab, pour revenir à la page précédente, mais je me vois mal expliquer la chose aux internautes qui viennent visiter le blog.
    Une où un spécialiste pourrait me dire comment-faire, en vous remerciant à l’avance.
    Voici celle qui ne fonctionne pas : Les Iris de CAYEUX, et Un Jardin en Ile de de France
    GG_93

  • marion

    Bonjour,
    Je voudrais faire une galerie avec des images appartenant déjà à ma bibliothèque de médias, comment puis-je faire ???
    En effet, la fonctionnalité ne s’affiche et ne semble utilisable QUE sur des images fraîchement uploadé, ce qui me semble étrange ???
    🙁 (et ça fait trois versions de wordpress que je m’interroge sur ce phénomène…)

  • milky

    Bonjour, Quelqu’un peut m’aider? Voici mon site http://www.milkywilky.com. Sur la page d’accueil, lorsque je click sur un article (par ex la 3eme case en haut a gauche nttulé « the manoir »)j’arrive à une page ou j’ai crée une gallery via mon theme sur wordpress, seulement elle est sous l’image princpale (qui n’est meme pas le contenu de l’article mais la première image de la gallery), je voudrait qu’elle apparaisse en haut à droite, juste en dessous rss, je n’ai réussi qu’a la décaler en bas a droite, et la moitié est en hors champs(disparait) a droite.Merci de m’éclairer où changer tout ca , php? css? html?que mettre à la place(mon thème est autofocus et je ne suis pas du tout douée en code,j’essaye..)

    UN autre problème… je voudrais que quand je click sur une des images de ma gallery, elle apparaisse à la place de l’image principale et non sur une page seule…Que dois-je mettre et où..

    Si jamais quelqu’un pouvait un minimum m’aider , ce serait génial!!!

  • Marine

    Marion, as-tu trouvé la réponse à ton problème ? Je me pose exactement la même question ! Je souhaite réaliser une galerie à partir de photos DEJA UPLOADEES dans ma bibliothèque… Faut-il vraiment les ré-importer??
    Merci pour votre aide !