Guides/Créer du contenu/Médias/Personnaliser une bannière

Personnaliser une bannière

Le bloc Bannière comprend des options pour personnaliser votre bannière. Dans ce guide, vous apprendrez à ajouter une superposition, à ajuster le rapport d’aspect, à appliquer une bordure et une ombre, et à affiner le point focal des images et vidéos de type bannière.

Tutoriel vidéo

Ajouter ou ajuster une superposition

Une superposition ajoute une couche de couleur semi-transparente sur l’image ou la vidéo de bannière, ce qui améliore la lisibilité du texte et des autres contenus. Pour ajouter ou ajuster les réglages de la superposition, suivez ces étapes :

  1. Cliquez sur le bloc Bannière pour le sélectionner.
  2. Dans la colonne latérale des réglages du bloc, cliquez sur l’icône Styles. Elle ressemble à un cercle noir et blanc.
  3. Dans la section « Couleur », cliquez sur la couleur de la superposition pour modifier la couleur de la superposition.
  4. Ajustez le curseur Opacité de la superposition pour contrôler la transparence de la couleur de la superposition. Une opacité de 0 signifie que l’image est entièrement visible. Une opacité de 100 signifie que la superposition masque complètement l’image. Selon votre mise en page, une opacité comprise entre 25 et 75 fonctionne bien.
The color and overlay opacity sections of the block settings sidebar for the Cover block.

Ajuster le rapport d’aspect

Vous pouvez contrôler la forme de votre bannière en ajustant son rapport d’aspect. Pour ajuster le rapport d’aspect du bloc Bannière, suivez ces étapes :

  1. Cliquez sur le bloc Bannière pour le sélectionner.
  2. Dans la colonne 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 Rapport d’aspect.
  4. Sélectionnez un rapport d’aspect prédéfini dans le menu déroulant.
The "Aspect Ratio" drop-down menu expanded to display the options.

Ajouter une bordure et une ombre

Pour ajouter une bordure ou une ombre à votre bloc Bannière, suivez ces étapes :

  1. Cliquez sur le bloc Bannière pour le sélectionner.
  2. Dans la colonne latérale des réglages du bloc, cliquez sur l’icône Styles. Elle ressemble à un cercle noir et blanc.
  3. Repérez la section Bordure et ombre.
  4. Ajustez l’épaisseur, la couleur et le rayon de la bordure à l’aide des commandes disponibles.
  5. Vous pouvez aussi activer une ombre portée en cliquant sur l’icône ⋮ et en activant les réglages Ombre.

En savoir plus sur les réglages de bordure et d’ombre.

Activer l’image d’arrière-plan fixe

Une image d’arrière-plan fixe (effet de parallaxe) garde l’image de bannière en place pendant que les visiteurs font défiler la page. Voici un exemple :

Suivez ces étapes pour créer une image d’arrière-plan fixe :

  1. Ajoutez un bloc Bannière.
  2. Dans la colonne latérale des réglages du bloc, cliquez sur l’icône Styles. Elle ressemble à un cercle noir et blanc.
  3. Activez « Arrière-plan fixe ».

Si vous avez téléversé une vidéo dans votre bloc Bannière, cette option ne sera pas disponible.

Activer l’arrière-plan répété

L’option Arrière-plan répété répète la même image pour former un motif dans le bloc Bannière. Pour répéter une image d’arrière-plan dans le bloc Bannière, suivez ces étapes :

  1. Cliquez sur le bloc Bannière pour le sélectionner.
  2. Dans la barre latérale des réglages du bloc, cliquez sur l’icône Styles. L’icône Styles ressemble à un cercle noir et blanc.
  3. Activez « Arrière-plan répété ».

Si vous avez téléversé une vidéo dans votre bloc Bannière, cette option ne sera pas disponible.

Définir un point focal

Le point focal détermine quelle partie de l’image ou de la vidéo reste visible lorsque la bannière est redimensionnée. C’est utile lorsque votre image de bannière est affichée sur un petit écran, comme un téléphone mobile, et que l’image ne peut pas être affichée en entier. Sur les écrans plus petits, l’image se centre autour du point focal choisi afin que la partie la plus importante de l’image reste visible.

Pour ajuster le point focal, suivez ces étapes :

  1. Cliquez sur le bloc Bannière pour le sélectionner.
  2. Dans la barre latérale des réglages du bloc, cliquez sur l’icône Styles. L’icône Styles ressemble à un cercle noir et blanc.
  3. Repérez le sélecteur de point focal.
  4. Faites glisser le marqueur pour ajuster la zone de focalisation.

Si vous avez téléversé une vidéo comme média de bannière, vous pouvez également définir une image d’affiche à utiliser comme miniature de la vidéo.

Appliquer un style ondulé

Pour appliquer un style ondulé en haut ou en bas de votre bloc Bannière, suivez ces étapes :

  1. Cliquez sur le bloc Bannière pour le sélectionner.
  2. Dans la barre latérale des réglages du bloc, cliquez sur l’icône Styles. L’icône Styles ressemble à un cercle noir et blanc.
  3. Cliquez sur l’option « Vague en bas » ou « Vague en haut » pour appliquer un style ondulé.
  4. Cliquez sur Par défaut pour supprimer le style ondulé.
Copied to clipboard!