Sommaire

Le bloc Bannière IMAGE:Bloc Bannière

1. Insérer l’image de la bannière IMAGE:Bannière

Le bloc Bannière fait partie de la catégorie Blocs communs. Le bloc Bannière va permettre d’insérer une image avec un effet de parallaxe quand les visiteurs vont utiliser la barre de défilement. Pensez à utiliser une image de grande taille pour un meilleur affichage.

images/new-C7-101.png

Vous retrouvez les mêmes méthodes que précédemment pour sélectionner une image.

Lorsque l’image est sélectionnée, Gutenberg vous demande d’ajouter un titre qui s’affichera au-dessus de l’image.

images/new-C7-102.png

Saisissez un titre que vous pouvez mettre en forme.

images/new-C7-103.png

2. La mise en forme de la bannière IMAGE:Bannière

La mise en forme de la bannière et de l’effet de parallaxe se font dans l’onglet Bloc.

images/new-C7-104.png

Pour avoir l’effet de parallaxe, dans le volet Réglages de la bannière, cochez le bouton Arrière-plan fixe.

images/new-C7-105.png

Dans le volet Calque de superposition, choisissez la Couleur du calque qui s’affichera au-dessus de l’image et déterminez l’Opacité du calque, c’est-à-dire sa transparence.

images/new-C7-106.png

Si vous faites un aperçu de l’article ou de la page, vous avez bien l’effet de parallaxe. Au début de l’affichage de l’image, celle-ci est bien fixe en arrière-plan de la page.

images/new-C7-107.png

Ensuite, quand le visiteur utilise la barre de défilement, l’image ...