Le bloc Galerie permet d’ajouter facilement plusieurs images et de les disposer automatiquement les unes à côté des autres de manière attrayante.
Pour ajouter un bloc Galerie, vous pouvez consulter l’article Ajouter un nouveau bloc.
Ajout des images dans le bloc Galerie#
Lorsque vous ajoutez un bloc Galerie, vous avez deux options principales pour sélectionner les images :
- Téléverser : choisissez un ou plusieurs fichiers image directement depuis votre ordinateur. Ces images seront alors téléversées vers votre Médiathèque et automatiquement ajoutées au bloc Galerie.
- Médiathèque : sélectionnez les images existantes directement dans votre Bibliothèque de médias WordPress. Pour cela, cliquez sur les miniatures des images puis sur le bouton Créer une nouvelle galerie et enfin sur Insérer la galerie.
Ajouter des images via l’outil d’insertion (version 6.2 et supérieure)#
Depuis la version 6.2, vous pouvez insérer des images dans votre bloc Galerie en passant par l’outil d’insertion :
- Cliquez sur Ouvrir/fermer l’outil d’insertion, puis sélectionnez l’onglet Médias.
- Pour insérer une image de votre médiathèque, cliquez sur Images. Vos images apparaissent dans une colonne à droite. Vous pouvez faire une recherche ou naviguer, puis glissez-déposez l’image souhaitée dans votre bloc Galerie déjà inséré.
- Pour insérer une image depuis Openverse, cliquez sur Openverse puis effectuez une recherche par mot clé (de préférence en anglais). Vous pouvez soit :
- Glisser-déposer l’image directement dans la Galerie (ceci charge l’image en externe),
- Ou cliquer sur l’image puis la glisser-déposer dans la Galerie (ceci téléverse l’image dans votre médiathèque avant insertion).
Certaines images protégées peuvent ne pas être téléversées. Une fenêtre vous en avertira et vous proposera d’insérer l’image en tant qu’image externe via un bouton Insérer.
Organisation et gestion des images dans la galerie#
Les images ajoutées sont automatiquement agencées en colonnes et lignes selon leur nombre, et sont recadrées pour être alignées. Le bloc Galerie est constitué de blocs enfants Image créés automatiquement.
Modifier l’ordre des images#
- Sélectionnez un bloc Image dans la galerie.
- Utilisez les boutons Déplacer à gauche, Déplacer à droite ou l’outil de déplacement situé dans la barre d’outils du bloc Image.
Supprimer une image#
- Sélectionnez le bloc Image que vous souhaitez retirer, puis supprimez-le.
Modifier la galerie via la médiathèque#
- Cliquez sur le bouton Ajouter, puis sur Ouvrir la médiathèque.
- Dans la médiathèque, cliquez sur Modifier la galerie (dans le menu de gauche).
- Pour réorganiser l’ordre, glissez-déposez les miniatures.
- Pour supprimer une image, cliquez sur la croix située en haut à droite de chaque miniature.
- Pour ajouter de nouvelles images, cliquez sur Ajouter à la galerie, sélectionnez ou téléversez les images, puis cliquez sur Ajouter à la galerie.
- Une fois terminé, cliquez sur Mettre à jour la galerie.
Barre d’outils du bloc Galerie#
Chaque bloc possède une barre d’outils pour faciliter sa manipulation dans l’éditeur. Le bloc Galerie dispose d’outils spécifiques en plus des outils communs.
Outil Lien#
Cet outil permet de définir le comportement au clic sur toutes les images de la galerie simultanément :
- Lier les images aux pages de fichiers joints : ouvre la page du fichier joint dans WordPress.
- Lier les images aux fichiers médias : affiche directement le fichier média (image seule).
- Agrandir au clic : affiche une version agrandie dans une fenêtre modale.
- Aucun : les images ne sont pas cliquables.
Le choix ici s’applique à toutes les images, mais chaque image peut aussi avoir un lien individuel via l’outil Insérer un lien dans son bloc Image.
Ajouter une légende#
Depuis la version 6.2, vous pouvez ajouter une légende pour l’ensemble de la galerie, qui apparaîtra sous le bloc Galerie.
Ajouter des images#
Le bouton Ajouter permet d’ajouter une ou plusieurs images supplémentaires à la galerie en ouvrant la médiathèque ou en téléversant de nouvelles images.
Réglages spécifiques du bloc Galerie#
Dans la colonne latérale des réglages du bloc, plusieurs options spécifiques sont disponibles :
Colonnes#
Déterminez le nombre de colonnes pour la galerie via un curseur ou les flèches. Vous pouvez choisir entre 1 et 8 colonnes. Par défaut, la galerie est en 3 colonnes, ce qui convient à la majorité des mises en page.
Note : Le nombre maximal de colonnes dépend du nombre total d’images. Par exemple, si la galerie contient 4 images, vous ne pourrez pas choisir plus de 4 colonnes.
Résolution#
Choisissez la taille des images sources utilisées dans la galerie via une liste déroulante :
- Miniature
- Moyenne
- Grande
- Taille originale
- Autres tailles personnalisées définies par votre thème
Recadrer les images pour les adapter#
Si activé, les images seront recadrées pour avoir la même hauteur et largeur que les autres de la même ligne, afin d’être alignées harmonieusement.
Important :
- Seule l’image recadrée via l’outil Recadrer du bloc Image sera modifiée (un nouveau fichier sera créé dans la médiathèque).
- Si vous préférez afficher des images de tailles différentes, désactivez ce réglage.
Ordre aléatoire#
Activez ce réglage pour que les images de la galerie s’affichent dans un ordre différent à chaque chargement de page.
Ouvrir les images dans un nouvel onglet#
Cette option apparaît uniquement si un lien a été configuré pour les images du bloc Galerie via l’outil Lien.
- Si activée, les images s’ouvrent dans un nouvel onglet au clic.
- Si l’option Agrandir au clic est sélectionnée dans les liens, cette option est ignorée car l’image s’ouvre dans une fenêtre modale.
Réglages avancés#
L’onglet Avancé donne accès aux réglages supplémentaires, comme l’ajout de classes CSS personnalisées, permettant plus de personnalisation du bloc Galerie.
Pour en savoir plus sur les réglages avancés des blocs, consultez la documentation officielle :
Réglages avancés des blocs