Comment ajouter une galerie dans WordPress avec un effet lightbox est l’une des questions les plus brûlantes que nous avons eues récemment via notre formulaire de contact, nous avons donc décidé de la couvrir. De nombreux débutants ne savent pas que WordPress dispose d’une fonction de galerie intégrée qui peut être utilisée sur n’importe quel article ou page. Dans cet article, nous allons vous montrer comment ajouter la galerie native dans un article ou une page WordPress. Nous vous montrerons également comment installer un plugin qui permettra à vos utilisateurs d’ouvrir les images en taille réelle dans une lightbox, ce qui les empêchera d’aller sur une autre page.
Ajouter une galerie WordPress
Ouvrez d’abord une publication/page existante ou créez une nouvelle publication. La prochaine chose que vous devez faire est de télécharger un tas d’images dans cet article. Clique le Icône de téléchargement de média pour télécharger vos nouvelles images de la Galerie.
Une fois que vous avez téléchargé toutes les images, assurez-vous d’accéder à l’onglet Galerie. Faites défiler jusqu’à ce que vous voyiez les paramètres de la galerie. Choisissez votre schéma de commande et décidez du nombre de colonnes que vous souhaitez que votre galerie ait. sur cette page. Une bonne règle de base consiste à utiliser des mises en page 3 sur 3 colonnes, 4 sur 2 colonnes et 6 sur des mises en page pleine largeur, mais cela peut varier en fonction du thème que vous avez. Une fois que vous avez sélectionné les paramètres, cliquez sur Insérer une galerie.
Maintenant, vous verrez une nouvelle icône ajoutée au corps de votre message qui représente la galerie.
Cliquez simplement sur Mettre à jour ou Publier sur votre article/page, et la galerie sera ajoutée au site en direct.
Ajout de Lightbox à la galerie WordPress native
Si vous essayez de cliquer sur l’une des vignettes de votre nouvelle galerie, vous remarquerez qu’elles ouvrent simplement une page de pièce jointe distincte dans une nouvelle fenêtre qui n’est pas très conviviale. Mais vous souhaitez également permettre aux utilisateurs de visualiser les images en taille réelle, c’est pourquoi nous installerons un simple plugin appelé jQuery Lightbox pour les galeries natives.
Tout d’abord, installez et activez le plugin.
Ensuite, vous devez aller à Paramètres » jQuery Lightbox. Sélectionnez le thème que vous souhaitez utiliser pour votre fenêtre lightbox.
Maintenant, venez à votre poste et testez votre galerie. Cela devrait bien fonctionner.
Félicitations, vous avez maintenant ajouté une galerie avec une lightbox à votre article ou page WordPress. L’aperçu final ressemblerait à ceci :
FAQ des commentaires
– Binoy dans les commentaires a demandé que s’il y avait un moyen de sélectionner quelle image apparaît dans la galerie car par défaut toutes les images jointes à la publication sont ajoutées. Leo a eu la gentillesse de partager le plugin Plusieurs galeries qui ajoute des cases à cocher à côté des images que vous avez téléchargées dans une galerie dans un article. La sélection des cases à cocher inclura ces images dans cette galerie particulière.