Nous allons voir comment modifier la galerie photos générée par WordPress (sans plugin). Nous allons ainsi pouvoir la mettre en forme et y ajouter une class ou une rel pour ajouter un effet lightbox avec votre plugin de lightbox préféré.

 

La galerie de base

WordPress vous permet d’ajouter à vos articles des photos via son interface Ajouter un média. Vos photos sont ensuite associées à l’article en question et apparaissent dans Galerie.

Vous avez juste à côté le nombre d’image associées à cet article.

En allant dans cet onglet, tout en bas, vous devriez voir Réglages de galerie, à condition que vous ayez plus d’une image associées à l’article en question.

Vous obtenez ainsi les options suivantes :

  • Lier les miniatures à : Fichier image (le lien de l’image pointe vers l’image) / Page de fichier attaché (pointe vers le lien associé à l’image dans les options de celle-ci)
  • Ranger les images par : Ordre du menu (vous pouvez ordonner vos photos en les faisant glisser dans le menu galerie), Titre, Horodatage (par date), Au hasard.
  • Ordre : Croissant / Décroissant
  • Colonnes de galerie : 1 à X

Validez et vous allez voir apparaitre dans le code de votre page un shortcode ce type :

Publiez votre article et regardez le résultat. Vous pouvez constater que ça n’est pas terrible, et surtout pas du tout assorti à votre charte graphique.

 

La galerie personalisée

Nous allons maintenant nous rendre dans le fichier functions.php pour y ajouter le code suivant :

Nota : documentation add_image_size

Voilà, c’est terminé, cette fonction est une bonne de personnalisation. A vous de jouer pour la mettre à votre goût.

Brice Capobianco

Autodidacte passionné par WordPress. J'aime apprendre et créer pour ensuite partager…
Responsable commercial en agence web, je suis également développeur freelance WordPress à Rennes.

Coorganisateur des Meetups WordPress Rennes et fondateur de b-website.com.