Retour à l’assistance Contenu et médias Blocs Bloc Grille

Bloc Grille

Le bloc Grille est un conteneur pour d’autres blocs. Utilisez-le pour organiser plusieurs blocs et ajuster la couleur, le style de texte, la hauteur, la largeur et la position de tous les blocs à l’intérieur du conteneur. Ce bloc est une variante du bloc Groupe.

Ajouter le bloc Grille

Vous pouvez commencer avec un nouveau bloc Grille vide ou regrouper des blocs existants dans une grille.

Ajouter un nouveau bloc Grille

Pour ajouter le bloc Grille, cliquez sur l’icône de l’outil d’insertion de bloc + et recherchez « Grille ». Cliquez dessus pour ajouter le bloc à l’article ou à la page. À l’aide du clavier, vous pouvez également saisir /grille sur une nouvelle ligne et appuyer sur Entrée pour ajouter rapidement un nouveau bloc Grille.

Cliquez sur l’outil d’insertion de bloc et recherchez Ligne, puis cliquez sur le bloc Ligne pour l’insérer dans l’éditeur.

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

Après avoir ajouté un bloc Grille, cliquez sur l’icône de l’outil d’insertion de bloc + pour commencer à ajouter des blocs à l’intérieur de la grille.

Placer des blocs existants dans une grille

Pour les blocs déjà présents sur la page, vous pouvez les combiner en un bloc Grille en procédant comme suit :

  1. Sélectionnez les blocs que vous souhaitez regrouper. Vous pouvez sélectionner plusieurs blocs de différentes façons :
    • Cliquez et sélectionnez les blocs avec votre souris.
    • Cliquez sur le premier bloc, maintenez enfoncée la touche Maj de votre clavier et cliquez sur le dernier bloc pour sélectionner tous les blocs compris entre eux.
    • À l’aide de la vue en liste, cliquez sur le premier bloc, maintenez la touche Maj enfoncée et cliquez sur le dernier bloc pour sélectionner tous les blocs compris entre eux.
  2. Dans la barre d’outils du bloc qui apparaît au-dessus ou en dessous des blocs, cliquez sur l’icône Groupe (qui ressemble à deux carrés qui se chevauchent) pour ajouter ces blocs à un bloc Groupe.
Une flèche pointe vers l’icône Groupe dans la barre d’outils du bloc.
Cliquez sur l’icône Groupe dans la barre d’outils du bloc pour regrouper des blocs existants
  1. Dans les réglages du bloc Groupe dans la colonne latérale droite, cliquez sur l’icône Grille (qui ressemble à une grille 2×2).
Réglages du bloc Groupe dans la colonne latérale droite, avec les icônes Groupe, Ligne, Empiler et Grille. L’icône du bloc Grille est indiquée par une flèche et un cadre orange
Cliquez sur l’icône Grille dans la colonne latérale Réglages du bloc Groupe

Barre d’outils du bloc Grille

Lorsque vous cliquez sur le bloc, une barre d’outils d’options s’affiche :

La barre d’outils du bloc.

La barre d’outils du bloc Grille contient les options suivantes :

Réglages du bloc Grille

Lorsque vous sélectionnez un bloc, des réglages supplémentaires apparaissent dans la colonne latérale droite. Si vous ne voyez pas la colonne latérale, vous pouvez accéder aux réglages en cliquant sur l’icône Réglages dans le coin supérieur droit. Cette icône ressemble à un carré avec deux colonnes de largeur différente :

Icône Réglages dans l’éditeur avec l’info-bulle « Réglages » en dessous.
Cliquez sur l’icône Réglages pour accéder aux réglages de bloc.

Le bloc Grille inclut les réglages de bloc suivants :

Transformer en une autre variante de groupe

Le bloc Grille peut être converti en bloc Groupe, en bloc Ligne ou Empiler.

La colonne latérale Réglages du bloc affichant le bloc Grille en surbrillance, ainsi que les options permettant de basculer vers un bloc Groupe, Ligne ou Empiler.

Mise en page

Dans les réglages de mise en page, vous pouvez choisir le nombre de colonnes dans le bloc Grille, selon que la largeur des colonnes est dimensionnée automatiquement ou manuellement :

  • Sélectionner Auto ajoutera automatiquement des colonnes de la largeur minimale spécifiée pour s’adapter au bloc.
  • Sélectionner Manuel divisera automatiquement le bloc en le nombre de colonnes que vous spécifiez.

Le nombre de colonnes dans la grille peut être défini en fixant une largeur de colonne minimale ou en définissant manuellement le nombre de colonnes, comme pour le bloc Colonnes.

Lorsque vous placez un élément tel qu’un bloc Paragraphe dans un bloc Grille, vous pouvez définir le nombre de colonnes et de lignes que cet élément doit couvrir. L’ajustement de ces dimensions pour chaque élément vous permet de créer des structures de grille personnalisées.

Pour modifier les dimensions d’un élément dans un bloc Grille :

  1. Sélectionnez l’élément dont vous souhaitez modifier les dimensions.
  2. Dans « Dimensions » dans la colonne latérale des réglages du bloc, modifiez le nombre de colonnes ou de lignes sur lesquelles le bloc s’étend.
Réglages Dimensions d’un bloc Paragraphe dans un bloc Grille.
Réglages de l’espace des colonnes et des lignes d’un bloc Paragraphe dans un bloc Grille
La section Mise en page de la colonne latérale Réglages du bloc est définie sur Auto, avec une largeur minimale de 12 rem pour les colonnes du bloc Grille.
Réglages de mise en page, Automatique est sélectionné
La section Mise en page de la colonne latérale Réglages du bloc est définie sur Manuel, affichant le nombre de colonnes du bloc Grille défini sur 3.
Réglages de mise en page, Manuel est sélectionné

Voici un exemple de bloc Grille avec plusieurs blocs Paragraphe configurés pour varier les plages de colonnes et de lignes :

Position

À l’aide du réglage Position, vous pouvez choisir entre Par défaut et Épinglé :

  • Par défaut : lorsque vous faites défiler le bloc, il disparaît lorsque vous passez à d’autres sections de la page.
  • Épinglé : le bloc flottera et restera visible sur la page, même lorsque vous ferez défiler la page au-delà de la position initiale où il a été ajouté. Une icône en forme d’épingle apparaîtra à côté du bloc dans la vue en liste.

Avancé

Pour en savoir plus, consultez nos instructions détaillées sur les Réglages avancés.

Styles de bloc Grille

Dans la colonne latérale des réglages du bloc, cliquez sur l’icône Styles pour accéder aux réglages de design du bloc. L’icône Styles se présente sous la forme d’un cercle à moitié plein :

Une flèche pointe vers l’icône Styles sur laquelle vous pouvez cliquer pour ouvrir la section Styles du bloc.
Couleur, typographie, dimensions et bordure

Ici, vous pouvez définir la couleur du texte, la couleur d’arrière-plan, la taille et les polices du texte, le remplissage, la marge et l’espacement des blocs. Consultez les guides suivants pour en savoir plus sur l’utilisation de ces réglages :

Image d’arrière-plan

Dans les styles du bloc Grille, comme avec toutes les variantes du bloc Groupe, vous pouvez définir une image à afficher derrière le contenu du bloc. Pour obtenir des instructions pas à pas sur l’ajout d’une image d’arrière-plan, consultez le guide du bloc Groupe.

Supprimer des blocs d’une grille

Si vous souhaitez supprimer un bloc Grille sans effacer les blocs internes, vous pouvez dégrouper les blocs à la place. Procédez comme suit :

  1. Sélectionnez Vue en liste en haut de l’écran de modification.
  2. Sélectionnez le bloc Grille.
  3. Cliquez sur les trois points à côté du bloc Grille
  4. Sélectionnez l’option « Dégrouper ».
GIF montrant l’action Dégrouper dans la barre d’outils du bloc.
Copied to clipboard!