Utilisez un bloc Rangée pour disposer plusieurs blocs horizontalement, côte à côte. Ce bloc est une variation du bloc Groupe et offre donc des fonctionnalités similaires.
Pour ajouter un bloc, consultez l’article Ajouter un nouveau bloc.
Barre d’outils du bloc#
Chaque bloc dans Gutenberg possède une barre d’outils située directement dans l’éditeur qui permet de manipuler le bloc rapidement. Cette barre d’outils comporte :
- Des outils communs, présents sur la plupart des blocs (détaillés dans Barre d’outils des blocs).
- Des outils spécifiques au bloc Rangée, décrits ci-dessous.
Renommer#
L’outil Renommer se trouve dans le menu déroulant accessible via l’icône Options dans la barre d’outils du bloc.
Pour renommer votre bloc Rangée :
- Cliquez sur l’outil Options.
- Sélectionnez Renommer dans le menu.
- Une fenêtre modale s’ouvre. Saisissez le nom souhaité.
- Cliquez sur Enregistrer pour valider.
Ce nouveau nom apparaîtra dans la Vue en liste, facilitant ainsi la recherche et l’identification de ce bloc.
Réglages du bloc#
Les réglages d’un bloc sont accessibles dans la colonne latérale de l’éditeur.
Transformer le bloc Rangée#
Au-dessus des réglages, vous trouverez deux options permettant de transformer le bloc Rangée en :
- Bloc Groupe, qui centre par défaut la justification.
- Bloc Empilement, qui oriente les éléments verticalement avec une justification à gauche.
Lors de ces transformations, certains réglages comme la justification et l’orientation sont réinitialisés aux valeurs par défaut du bloc cible.
Emplacement#
Cet onglet propose deux options dans une liste déroulante :
- Valeur par défaut : comportement classique du bloc.
- Épinglé : le bloc devient collant en haut de la page lorsque l’utilisateur fait défiler vers le bas.
Cette fonction n’est pas garantie sur tous les thèmes, notamment ceux qui ne sont pas basés sur les blocs.
Avancé#
L’onglet Avancé donne accès aux réglages avancés des blocs, permettant notamment l’ajout de classes CSS personnalisées ou autre configuration approfondie.
Arrière-plan#
Pour modifier l’arrière-plan d’un bloc Rangée, activez l’onglet Styles dans la colonne latérale des réglages, puis ouvrez la section Arrière-plan.
Vous y trouverez le bouton Image d’arrière-plan qui ouvre ce menu :
- Ouvrir la médiathèque : choisir une image déjà présente.
- Téléverser : importer une nouvelle image.
- Réinitialiser : retirer l’image d’arrière-plan actuelle.
Après avoir ajouté une image, vous pouvez affiner son affichage en cliquant sur Options de Arrière-plan, puis en cochant l’option Taille.
Cette option vous permet de définir précisément la position sur l’image à mettre en avant :
- Cliquez sur un point dans l’aperçu de l’image.
- Ou indiquez manuellement les coordonnées en pourcentage dans les champs Gauche (horizontal) et Haut (vertical) sous l’aperçu.
Cela contrôle la partie de l’image qui sera visible en priorité.
Plusieurs réglages sont proposés pour l’affichage de l’image d’arrière-plan :
- Couvrir : l’image couvre toute la zone du bloc, pouvant être recadrée.
- Contenir : l’image est complètement visible dans le bloc, avec possiblement des espaces vides autour.
- Fixé : largeur fixe définie par l’utilisateur, avec répétition automatique de l’image en horizontal et vertical pour remplir la zone. Les unités acceptées incluent pixels, pourcentages (%), em, rem, vw et vh.
L’option Répétition est activée par défaut quand la taille est fixée, répétant l’image à la fois horizontalement et verticalement.
Ces fonctionnalités facilitent la personnalisation du bloc Rangée, que ce soit pour l’organisation de contenu en lignes horizontales ou pour embellir la section avec des images d’arrière-plan contrôlées.