Personnaliser la mise en page d’une bannière

Le bloc Bannière est un bloc conteneur qui accueille le contenu de votre bannière. Vous pouvez ajuster la mise en page en modifiant l’alignement, la position du contenu et d’autres réglages. Dans ce guide, nous vous montrons comment personnaliser la mise en page de votre bannière.

Dans cette vidéo, vous apprendrez à créer une section de type bannière avec le bloc Bannière. Vous verrez comment ajouter du texte ou d’autres blocs par-dessus une image ou une vidéo d’arrière-plan, ajuster la mise en page et le point focal, personnaliser la superposition et prévisualiser le rendu sur mobile.

Vous pouvez aligner la bannière dans votre page, votre article ou votre modèle. Pour aligner votre bannière, suivez ces étapes :

1. Cliquez sur le bloc Bannière pour le sélectionner.
2. Dans la barre d’outils du bloc qui apparaît, cliquez sur le bouton Aligner.

3. Choisissez l’une des options suivantes :
   • Pleine largeur : étend la bannière sur toute la largeur de l’écran.
   • Largeur étendue : rend la bannière plus large que la zone de contenu principale, sans occuper toute la largeur.
   • Alignement à gauche, au centre ou à droite : aligne la bannière dans la zone de contenu.

Vous pouvez positionner le texte, les boutons et tout autre contenu à l’intérieur de votre bannière. Pour ajuster la position du contenu dans votre bannière, suivez ces étapes :

1. Cliquez sur le bloc Bannière pour le sélectionner.
2. Dans la barre d’outils du bloc qui apparaît, cliquez sur le bouton « Modifier la position du contenu ».

3. Sélectionnez l’une des options prédéfinies pour déplacer le contenu vers le haut, le centre ou le bas de la bannière.

Pour que l’image s’affiche toujours en pleine hauteur, vous pouvez activer l’option « Activer/désactiver la pleine hauteur » dans la barre d’outils du bloc.

1. Cliquez sur le bloc Bannière pour le sélectionner.
2. Dans la barre d’outils du bloc qui apparaît, cliquez sur le bouton « Pleine hauteur » (l’icône ressemble à un carré dont seuls les coins sont visibles) :

Vous pouvez cliquer à nouveau sur le bouton pour désactiver ce réglage.

Vous pouvez modifier la disposition du contenu à l’intérieur du bloc Bannière en suivant ces étapes :

1. Cliquez sur le bloc Bannière.
2. Dans la barre latérale des réglages du bloc, activez ou désactivez « Les blocs internes utilisent la largeur du contenu » pour ajuster l’affichage du contenu à l’intérieur du bloc Bannière.
3. Lorsque « Les blocs internes utilisent la largeur du contenu » est activé, les blocs à l’intérieur du bloc Bannière respecteront ces réglages de largeur :
   • Contenu : la largeur de la zone de contenu pour les blocs qui ne sont pas définis en largeur large ou pleine largeur.
   • Large : la largeur du contenu pour les blocs définis en largeur large.

En savoir plus sur la façon de modifier la largeur d’un bloc.

Vous pouvez ajouter des marges intérieures et extérieures au bloc Bannière en suivant ces étapes :

Pour garantir une taille de bannière homogène, définissez une hauteur minimale en suivant ces étapes :

1. Cliquez sur le bloc Bannière.
2. Dans la barre latérale des réglages du bloc, cliquez sur l’icône Styles. Elle ressemble à un cercle noir et blanc.
3. Repérez le réglage « Hauteur minimale ».
4. Saisissez une hauteur spécifique en unités pour garantir que la bannière conserve une taille homogène.