Bloc Mosaïque d’images

Utilisez le bloc Mosaïque d’images pour afficher plusieurs images dans une disposition en mosaïque élégamment organisée.

Dans ce guide

1. Didacticiel vidéo :
2. Ajout d’un bloc mosaïque d’images
3. Ajout d’images
4. Barre d’outils du bloc
5. Réglages du bloc
   1. Styles
   2. Coins arrondis
   3. Réglages du lien
   4. Réglages de couleur

Didacticiel vidéo :

Ajout d’un bloc mosaïque d’images

Pour ajouter le bloc Mosaïque d’images, cliquez sur l’icône de l’Outil d’insertion de bloc + et recherchez « mosaïque ». Cliquez dessus pour ajouter le bloc à l’article ou à la page.

Ajouter un bloc Mosaïque d’images

💡

À l’aide du clavier, vous pouvez également saisir /tiled sur une nouvelle ligne et appuyer sur Entrée pour ajouter rapidement un nouveau bloc Mosaïque d’images.

Ajouter un bloc Mosaïque d’images avec une commande commençant par une barre oblique

Des instructions détaillées sur l’ajout de blocs sont disponibles ici.

Ajout d’images

Après avoir ajouté le bloc Mosaïque d’images, deux options s’offrent à vous : Télécharger et Sélectionner des images :

Ajouter des images à une mosaïque d’images

L’option Télécharger vous permet de charger une ou plusieurs images de votre ordinateur vers votre site Web.

L’option Sélectionner des images vous permet de choisir parmi les images précédemment chargées dans votre bibliothèque de médias, dans Google Photos, dans la bibliothèque de photos Pexels gratuites ou dans Openverse.

Barre d’outils du bloc

Après avoir ajouté les images, lorsque vous cliquez sur le bloc, une barre d’outils d’options apparaît :

La barre d’outils du bloc Mosaïque d’images

La barre d’outils du bloc Mosaïque d’images contient les options suivantes :

• Modifier le type du bloc
• Poignée pour faire glisser le bloc afin de changer sa position
• Faire monter ou descendre le bloc
• Modifier l’alignement (centre, grande largeur et pleine largeur si le thème prend ces options en charge)
• Modifier la galerie pour ajouter ou supprimer des images
• Appliquer un filtre d’image, comme « Noir et blanc », « Sépia », etc.
• Plus d’options.

Réglages du bloc

Lorsque vous cliquez sur le bloc, des réglages de bloc supplémentaires apparaissent dans la colonne latérale droite. Si vous ne voyez pas la colonne latérale, vous devrez peut-être cliquer sur l’icône ⚙️ (engrenage) dans le coin supérieur droit pour afficher les réglages.

Réglages du bloc

Le bloc Mosaïque d’images présente les réglages suivants :

Styles

Le bloc Mosaïque d’images vous permet d’afficher vos mosaïques d’images dans quatre styles :

• Mosaïque d’images
• Cercles
• Mosaïque d’images carrées
• Mosaïque en colonnes

Style mosaïque

Style cercles

Style mosaïque carrée

Style colonnes carrées

💡

Vous pouvez également activer/désactiver le carrousel d’images et ses réglages comme la couleur d’arrière-plan, l’affichage ou non des métadonnées des photos et des commentaires.

Coins arrondis

Le bloc Mosaïque d’images comprend une option de coins arrondis qui peut être appliquée à toutes les images ajoutées à la galerie.

Réglages du lien

Dans les réglages du bloc Mosaïque d’images, 3 options sont possibles pour lier la galerie :

• Page de la pièce jointe : cette option dirigera le visiteur qui clique sur les images de votre galerie vers la page de la pièce jointe. Il s’agit d’une page d’information sur votre image, qui comprend l’image, la légende, la description de l’image et un champ de commentaires.
• Fichier média : cette option charge les images dans un carrousel plein écran, que vos visiteurs peuvent parcourir image par image. Accédez à Réglages des médias pour ajuster les réglages du carrousel.
• Aucun (par défaut) : avec cette option, vos images ne sont pas cliquables, de sorte qu’elles ne renvoient vers aucun lien.

Réglages de couleur

Les réglages de couleur vous permettent de modifier la couleur d’arrière-plan de la mosaïque d’images.