Bloc Rangée

Retour à la liste des blocs

Utilisez un bloc Rangée pour disposer des blocs horizontalement les uns à côté des autres. Le bloc Rangée est une variation du bloc Groupe et dispose donc des mêmes fonctionnalités.

Afin de connaître la procédure à suivre pour ajouter un bloc, veuillez consulter l’article Ajouter un nouveau bloc.

Barre d’outils du bloc

Chaque bloc dispose d’une barre d’outils vous permettant de le manipuler directement dans l’éditeur. Parmi ces outils, on distingue des outils communs, présentés dans l’article Barre d’outils des blocs, et d’éventuels outils spécifiques, décrits ci-dessous. 

Renommer

L’outil Renommer est présent dans le menu déroulant qui s’affiche lors d’un clic sur l’outil Options de la barre d’outils du bloc. Lorsque vous l’activez, une fenêtre modale apparaît, vous pouvez alors saisir dans le champ texte le nom souhaité pour votre bloc Rangée, puis cliquez sur le bouton Enregistrer pour valider le nom saisi. Ce nom sera utilisé dans la Vue en liste, ce qui vous permet de le retrouver plus facilement.

Réglages du bloc

Selon les blocs, divers réglages sont disponibles dans la colonne latérale des réglages. Parmi ceux-ci, on distingue les réglages communs (à une majorité de blocs) des réglages spécifiques, décrits ci-dessous.

Les outils Transformer en Groupe et Transformer en Empilement, situés au-dessus des réglages, permettent de transforrmer le bloc Rangée respectivement en bloc Groupe ou en bloc Empilement. Notez que lors de la transformation, les options de Justification des blocs sont modifiées vers les valeurs par défaut des blocs (justification au centre pour le bloc Groupe, à gauche pour le bloc Empilement). De la même manière, l’Orientation est modifiée lors de la transformation en bloc Empilement.

Emplacement

L’onglet Emplacement propose une liste déroulante offrant deux choix : Valeur par défaut et Épinglé.

La valeur Épinglé permet de rendre le bloc « collant » en haut de la page lorsqu’on défile vers le bas.

Notez que cette section n’est pas disponible pour l’ensemble des thèmes, en particulier les thèmes non spécifiquement basés sur des blocs.

Avancé

L’onglet Avancé vous permet d’accéder aux réglages avancés des blocs.

Arrière-plan

Pour accéder à la section Arrière-plan, activez l’onglet Styles de la colonne latérale des réglages.

Dans la section Arrière-plan, cliquez sur le bouton Image d’arrière-plan pour afficher le menu suivant :

• Ouvrir la médiathèque – Permet de choisir un fichier média déjà présent dans la médiathèque.
• Téléverser – Permet de téléverser un nouveau fichier dans la médiathèque, qui sera automatiquement intégré comme arrière-plan du bloc Rangée.
• Réinitialiser – Permet de réinitialiser l’arrière-plan du bloc Rangée, c’est-à-dire de retirer le fichier média qui avait été choisi.

Une fois l’image d’arrière-plan ajoutée, si vous souhaitez modifier le point de focalisation, la taille ou définir une répétition, cliquez sur le bouton Options de Arrière-plan puis cochez l’option Taille.

Point de focalisation

Vous serez alors en mesure de définir la position du Point de focalisation en cliquant un point sur l’image ou en définissant ses coordonnées en pourcentage dans les champs Gauche et Haut situés sous l’aperçu de l’image.

Taille

Pour la Taille, plusieurs réglages sont proposés :

• Couvrir – L’image couvre l’ensemble de l’espace correspondant au bloc.
• Contenir – L’image est contenue intégralement dans l’espace correspondant au bloc, avec d’éventuels espaces vides au-dessus et en-dessous, sauf si l’option Répétition est cochée ; les espaces vides seront alors comblés avec l’image.
• Fixé – Vous spécifiez une largeur fixe pour l’image dans le champ de saisie prévu à cet effet ; l’option Répétition est cochée par défaut. L’image est ainsi répétée en X et en Y de manière à recouvrir l’ensemble de l’espace correspondant au bloc. La largeur fixée peut être définie dans diverses unités telles que pixels, pourcentages, em, rem, vw et vh.

Traduit par Jenny Dupuy
Relu par Patrick Olivaud & Laurent Millet
Dernière mise à jour le 14 juin 2024

Contribuer à la documentation en français de WordPress