Les blocs Rangée et Empilement sont des blocs de design qui vous permettent d’insérer plusieurs blocs dans une rangée (ou une colonne avec le bloc Empilement) et de les espacer de façon régulière. Vous pouvez utiliser le bloc Rangée ou Empilement pour créer des séparateurs ou ajouter divers éléments sur la même ligne comme s’ils étaient insérés dans des colonnes.
Dans ce guide
Cliquez sur l’icône de l’outil d’insertion de bloc + pour ajouter le bloc Rangée et recherchez Rangée pour le bloc Rangée, ou Empilement pour le bloc Empilement. Cliquez dessus pour ajouter le bloc à l’article ou à la page.
💡
À l’aide du clavier, vous pouvez également saisir /row sur une nouvelle ligne et appuyer sur Entrée pour ajouter un nouveau bloc Rangée ou saisir /stack pour ajouter un nouveau bloc Empilement.
Des instructions détaillées sur l’ajout de blocs sont disponibles ici.
Lorsque vous cliquez sur le bloc, une barre d’outils d’options s’affiche :
La barre d’outils du bloc Empilement contient les options suivantes :
- Modifier le type ou le style du bloc.
- Faire glisser le bloc.
- Faire monter ou descendre le bloc.
- Modifier la justification des éléments : gauche, centre, droite et espace entre les éléments.
- Modifier l’alignement : aucun, grande largeur, pleine largeur.
- Plus d’options.
La barre d’outils du bloc Empilement contient les options suivantes :
- Modifier le type ou le style du bloc.
- Faire glisser le bloc.
- Faire monter ou descendre le bloc.
- Modifier la justification des éléments : gauche, centre, droite.
- Modifier l’alignement : aucun, grande largeur, pleine largeur.
- Plus d’options.
📌
Si vous ne voyez pas l’option permettant de définir la largeur du bloc en mode grande ou pleine largeur et que votre thème prend en charge ces options, il est possible que le bloc ait été ajouté à un bloc Groupe. Vous pouvez en savoir plus sur le bloc Groupe ici.
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 :
Le bloc Rangée peut être converti en bloc Groupe ou en bloc Empilement. Le bloc Empilement peut être converti en bloc Groupe ou en bloc Rangée.
Dans la section Mise en page, vous pouvez définir la justification des blocs Rangée ou Empilement. Pour définir l’alignement des rangées, sélectionnez gauche, centre, droite ou justifié. L’option Orientation vous permet de basculer du mode Rangée au mode Empilement.
Le bloc Empilement ne propose pas l’option permettant de justifier le contenu. Cette option est disponible dans le bloc Rangée pour permettre d’aligner les rangées de manière uniforme.
Vous pouvez également activer ou désactiver l’option permettant de regrouper votre contenu sur plusieurs rangées.
Dans la section 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é.
L’onglet Avancé vous permet d’ajouter une classe CSS à votre bloc. Vous pouvez ainsi écrire un CSS personnalisé et configurer le style du bloc à votre guise.
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 :
La section Couleur vous permet de modifier la couleur du texte, de l’arrière-plan et des liens de votre bloc Rangée ou de votre bloc Empilement.
Cliquez sur les trois points dans la section Couleur pour ajouter l’option de modification des liens.
Pour le texte et les liens : en cliquant sur la zone en damier, vous pouvez choisir n’importe quelle couleur personnalisée ou sélectionner l’une des couleurs présélectionnées dans les sections Thème ou Par défaut situées en dessous.
Pour l’arrière-plan, outre les réglages de couleur similaires à ceux du texte (ci-dessus), vous pouvez opter pour une couleur unie ou un dégradé (un mélange de deux ou plusieurs couleurs, affichées selon un certain motif, du plus clair au plus foncé, ou une couleur fusionnant avec l’autre).
Ajustez l’apparence du bloc de texte avec les réglages suivants.
Si vous ne visualisez pas le réglage, cliquez sur les trois points situés à la droite de Typographie (comme montré sur la droite). Vous pouvez choisir l’option à laquelle vous souhaitez accéder :
- Taille de police
- Famille de polices
- Apparence
- Hauteur de ligne
- Décoration
- Casse
- Espacement des lettres
La taille de police vous permet d’ajuster la taille du texte. Vous pouvez choisir parmi des tailles prédéfinies comme petit, moyen et grand.
Vous pouvez également définir une valeur spécifique en cliquant sur l’icône de curseur directement au dessus des sélections par défaut, indiqué par un 1 dans la capture d’écran ci-dessous. Vous pouvez modifier les unités en cliquant à l’endroit indiqué par le chiffre 2 dans la capture d’écran ci-dessous. Les choix sont en pixels em ou rem.
Famille de police vous permet de modifier le style de la police utilisée. Choisissez parmi une liste de polices dans un menu déroulant.
Apparence vous permet de modifier le style de texte entre normal et italique, et de fin à très gras.
Hauteur de ligne définit l’espacement au-dessus et en dessous du texte. Si vous choisissez zéro, assurez-vous de vérifier votre site sur mobile.
Décoration inclut les options de soulignement et de biffure.
Casse vous permet de mettre l’intégralité du texte ou la première lettre en majuscules ou en minuscules.
Espacement des lettres définit l’espace entre chaque caractère du texte. Vous pouvez modifier les unités par défaut (pixels) en pourcentage, em, rem, vw et vh. En savoir plus concernant les unités relatives ici.
La fonction Dimensions vous permet de définir la marge interne, c’est-à-dire l’espace autour des éléments de votre bloc Rangée. Cette option est particulièrement utile lorsque vous utilisez une couleur d’arrière-plan.
La marge interne peut avoir une seule valeur pour les quatre côtés, en ajoutant une valeur dans le champ sous Marge interne
La marge interne peut également avoir une valeur distincte pour chacun des côtés. Cliquez sur l’icône de lien pour afficher les options permettant d’ajouter une marge interne pour chaque côté individuellement. Les valeurs présentées ici s’inscrivent dans le sens des aiguilles d’une montre, en partant du haut, puis successivement à droite, en bas et à gauche. Vous pouvez accéder à cette vue en cliquant sur l’icône de lien bleue illustrée dans l’image précédente.
Le bloc Empilement n’inclut pas l’option permettant de définir les dimensions puisque les blocs sont empilés et que les dimensions peuvent être définies par le biais du bloc individuel ou en utilisant le bloc Espacement.
Utilisez les réglages de bordure pour ajouter une ligne de bordure autour de votre contenu. Vous pouvez choisir la couleur, la taille et l’unité de mesure (px, %, em, rem, vw et vh).
Par défaut, ces réglages contrôlent la bordure sur les quatre côtés. Pour effectuer des ajustements spécifiques sur les côtés supérieur, droit, inférieur et gauche, cliquez sur l’icône de lien.
Le rayon vous permet de donner un aspect arrondi aux contours de votre image. En définissant le rayon sur 0, l’image a des bords nets.
📌
Les réglages de la bordure et du rayon peuvent ne pas apparaître sur votre site si vous utilisez un thème classique. Vous pouvez explorer quelques-uns des nouveaux thèmes de l’éditeur de site pour personnaliser les bordures de vos images, et bien plus encore !
Sélectionnez d’abord le ou les blocs que vous souhaitez ajouter à un bloc Rangée. Vous pouvez sélectionner plusieurs blocs soit en cliquant dessus et en les faisant glisser, soit en maintenant la touche « Maj » enfoncée et en cliquant sur chacun d’entre eux (ils doivent se trouver l’un à côté de l’autre).
La barre d’outils du bloc s’affiche. Sélectionnez l’icône Rangée ou Empilement dans la barre d’outils. L’image ci-dessous indique l’icône du bloc Rangée, l’icône directement à droite est l’icône du bloc Empilement.
Il peut s’avérer nécessaire de dégrouper des blocs existants afin de modifier l’alignement de chaque bloc.
- Cliquez sur Vue en liste dans la partie supérieure de l’éditeur et sélectionnez le bloc Rangée ou le bloc Empilement.
- Cliquez sur l’icône Plus d’options dans la barre d’outils du bloc.
- Sélectionnez l’option Dégrouper.
Assistance WordPress.com 