Ajouter une bannière à votre site

Souvent appelé image « accroche » ou « bannière », le bloc Bannière est utilisé pour ajouter une grande image, une vidéo ou une bannière de texte à votre site. Ce guide vous expliquera comment ajouter une bannière et sélectionner l’image, la vidéo ou la couleur à afficher.

Cette vidéo est en anglais.
YouTube propose des fonctions de traduction automatique pour que vous puissiez la visionner dans votre langue :

Pour afficher les sous-titres automatiques :

1. Lancez la vidéo.
2. Cliquez sur ⚙️ Paramètres (en bas à droite de la vidéo).
3. Sélectionnez Sous-titres/CC.
4. Choisissez Traduire automatiquement.
5. Sélectionnez votre langue.

Pour écouter avec le doublage automatique (expérimental) :

1. Cliquez sur ⚙️ Paramètres.
2. Sélectionnez Piste audio.
3. Sélectionnez la langue dans laquelle vous souhaitez écouter la vidéo.

ℹ️ Les traductions et doublages sont générés par Google, peuvent comporter des imprécisions et ne sont pas encore disponibles pour toutes les langues.

Vous pouvez ajouter une image de bannière à votre site en utilisant le bloc Bannière. Pour ajouter une bannière à une page, un article ou un modèle, procédez comme suit :

1. Accédez au tableau de bord de votre site.
2. En fonction de l’endroit où vous souhaitez ajouter la bannière, créez ou accédez à une page, un article ou un modèle pour y apporter des modifications :
   • Page : accédez à la section Pages de votre menu.
   • Article : accédez à la section Articles de votre menu.
   • Modèle : accédez à Apparence → Éditeur et sélectionnez le modèle.
3. Cliquez sur l’icône + (outil d’insertion de bloc) et recherchez « bannière ».
   • Ou saisissez /bannière partout où apparaît « Saisir / pour choisir un bloc ».

4. Cliquez sur l’icône de bannière pour insérer le bloc Bannière : 

Après avoir ajouté un bloc Bannière, sélectionnez le média qui sera affiché. Vous pouvez choisir parmi les options suivantes :

• Charger : cliquez sur le bouton « Charger » pour charger un fichier depuis votre ordinateur ou appareil.
• Sélectionner un média : trouvez un média dans l’un de ces endroits :
  • Médiathèque : les images et vidéos que vous avez déjà chargées dans la médiathèque de votre site.
  • Votre téléphone : utilisez l’application mobile Jetpack pour charger des médias directement depuis votre téléphone.
  • Générer avec l’IA : fournissez une brève description du type d’image que vous souhaitez utiliser, et l’IA créera le design.
  • Google Photos : sélectionnez un média depuis votre compte Google Photos connecté.
  • Pexels : recherchez des images gratuites dans la bibliothèque Pexels.
  • Openverse : recherchez des images gratuites dans la bibliothèque Openverse.
• Utiliser l’image mise en avant : affiche l’image mise en avant de la page ou de l’article lorsqu’elle est définie. L’ajout d’un bloc Bannière à un modèle et la sélection de cette option affichent automatiquement l’image mise en avant de n’importe quelle page ou article utilisant ce modèle.
• Couleur : au lieu d’ajouter une image ou une vidéo, sélectionnez une couleur unie pour la bannière.

Vous pouvez ensuite ajouter du contenu tel que du texte et des boutons à la bannière, personnaliser sa mise en pageet ajuster son design.

Tenez compte des points suivants lors de la sélection d’une image pour votre bannière :

• Les images décoratives ou abstraites fonctionnent mieux, car l’intégralité de l’image peut ne pas toujours s’afficher en plein écran sur les appareils mobiles.
• Saisissez n’importe quel texte au-dessus de l’image, plutôt que de designer le texte à l’intérieur de l’image elle-même. Cela garantit que le texte s’adaptera efficacement à toutes les tailles d’écran.
• Le bloc de bannière utilise l’image comme image d’arrière-plan et ne se redimensionne pas pour afficher toute la largeur de l’image sur des appareils plus petits. À l’aide du sélecteur de point focal, vous pouvez sélectionner la partie de l’image sur laquelle vous souhaitez mettre l’accent lorsqu’elle est visualisée sur des écrans plus petits.
  • Si vous avez du contenu dans l’image qui doit être affiché pour toutes les tailles d’appareils, il est préférable d’utiliser un bloc Image à la place.

Le bloc Bannière prend en charge les images, les vidéos et les couleurs unies. Pour charger une vidéo dans le bloc Bannière, vous devez disposer d’un plan WordPress.com qui prend en charge les chargements de vidéos. Les chargements vidéo sont inclus dans le plan Premium et les plans supérieurs. Avec un plan qui inclut le chargement de vidéos, vous pourrez sélectionner des vidéos lorsque vous choisirez votre bannière média.

Le bloc Bannière est décoratif plutôt que fonctionnel, il ne lira donc aucun son d’un fichier vidéo. Utilisez plutôt le bloc VideoPress pour que les vidéos soient lues avec du son.

Après avoir ajouté un bloc Bannière, vous pouvez changer de média à tout moment. Pour remplacer ou supprimer le média de votre bannière :

1. Accédez au tableau de bord de votre site.
2. Accédez à la page, l’article ou au modèle où se trouve la bannière.
3. Sélectionnez Vue en liste dans le coin supérieur gauche de l’éditeur.
4. Cliquez sur l’élément bloc Bannière dans la vue en liste.

5. Dans la barre d’outils du bloc, cliquez sur le bouton Remplacer pour choisir une nouvelle image ou vidéo.

Vous pouvez choisir un nouveau fichier média à l’aide de l’une des options suivantes :

• Ouvrir la médiathèque : choisissez une image ou une vidéo existante dans votre médiathèque ou d’autres sources comme Google Photos, Pexels ou Openverse.
• Charger : sélectionnez une nouvelle image ou vidéo sur votre appareil.
• Utiliser l’image mise en avant : utilisez l’image mise en avant de la page ou de l’article.
• Réinitialiser : videz le média de la bannière, affichant une couleur unie.