Utilisez un bloc Empilement pour disposer des blocs verticalement les uns en dessous des autres. Le bloc Empilement 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 située directement dans l’éditeur qui permet de le manipuler rapidement.
- Cette barre comprend des outils communs à tous les blocs décrits dans l’article Barre d’outils des blocs.
- Elle peut aussi contenir des outils spécifiques propres au bloc Empilement.
Renommer#
L’outil Renommer se trouve dans le menu déroulant accessible depuis l’icône Options de la barre d’outils du bloc.
Pour renommer un bloc Empilement :
- Cliquez sur Options dans la barre d’outils du bloc.
- Sélectionnez Renommer.
- Une fenêtre modale s’ouvre, saisissez le nom que vous souhaitez donner au bloc.
- Cliquez sur Enregistrer pour valider.
Le nom attribué sera affiché dans la Vue en liste, facilitant la recherche et l’identification du bloc spécifique dans la structure de la page.
Réglages du bloc#
Différents réglages sont disponibles dans la colonne latérale des réglages pour personnaliser le comportement et l’apparence du bloc Empilement. Ces réglages incluent :
- Des réglages communs applicables à la plupart des blocs.
- Des réglages spécifiques au bloc Empilement décrits ci-dessous.
Au-dessus des réglages, deux outils de transformation permettent de modifier le type du bloc Empilement :
- Transformer en Groupe : convertit le bloc Empilement en un bloc Groupe.
- Transformer en Rangée : convertit le bloc Empilement en un bloc Rangée.
Lors de la transformation, les options de Justification sont modifiées automatiquement :
| Transformation | Justification modifiée vers | Orientation modifiée vers | |———————–|——————————|———————————-| | Empilement → Groupe | Centre | – | | Empilement → Rangée | Gauche | Orientation définie sur Rangée |
Emplacement#
Dans l’onglet Emplacement, vous trouverez une liste déroulante permettant de choisir entre deux options :
- Valeur par défaut : comportement normal du bloc.
- Épinglé : rend le bloc « collant » en haut de la page lorsque l’utilisateur fait défiler vers le bas.
Note : Cette fonctionnalité dépend du thème utilisé. Elle n’est pas disponible sur tous les thèmes, notamment ceux qui ne sont pas développés spécifiquement pour les blocs.
Avancé#
L’onglet Avancé donne accès aux réglages avancés des blocs, qui permettent d’ajouter par exemple des classes CSS personnalisées pour un contrôle plus précis de l’apparence.
Arrière-plan#
L’accès aux réglages d’arrière-plan se fait depuis l’onglet Styles de la colonne latérale des réglages.
Ajouter ou modifier une image d’arrière-plan#
Pour définir une image d’arrière-plan du bloc Empilement :
- Cliquez sur le bouton Image d’arrière-plan dans la section Arrière-plan.
- Choisissez parmi les options proposées :
- Ouvrir la médiathèque : sélectionnez une image déjà présente dans la médiathèque.
- Téléverser : téléversez une nouvelle image depuis votre ordinateur.
- Réinitialiser : supprimez l’image d’arrière-plan actuelle.
Options complémentaires#
Une fois l’image ajoutée, vous pouvez ajuster plusieurs paramètres en cliquant sur Options de Arrière-plan puis en cochant Taille.
Le point de focalisation permet de choisir la zone de l’image qui doit rester visible, même lorsque le bloc change de taille ou d’affichage.
- Cliquez sur un point précis de l’image pour définir ce point.
- Vous pouvez aussi régler précisément la position du point de focalisation en saisissant les coordonnées en pourcentage dans les champs Gauche et Haut situés sous l’aperçu de l’image.
Pour le réglage de la taille de l’image d’arrière-plan, plusieurs options sont disponibles :
- Couvrir : l’image couvre entièrement l’espace du bloc, pouvant être recadrée si nécessaire.
- Contenir : l’image est intégralement visible à l’intérieur du bloc, pouvant laisser des espaces vides si l’image est plus petite. Ces espaces peuvent être comblés si vous activez l’option Répétition.
- Fixé : vous définissez une largeur fixe pour l’image via un champ de saisie. L’image sera répétée horizontalement et verticalement pour couvrir tout l’espace du bloc. La largeur peut être exprimée en pixels, pourcentages, em, rem, vw (viewport width) ou vh (viewport height).