Remarque : même si nos guides les plus populaires ont été traduits en français, certains guides sont uniquement disponibles en anglais.
Ajouter du texte aux bannières

Many templates support page banners, where you can add an image, color, or video to the top of the page to introduce your content.

Dans la plupart des templates, vous pouvez ajouter un texte indépendant par-dessus l'image de bannière. Étant donné qu'il s'adapte à n'importe quelle taille d'écran ou à n'importe quel appareil, c'est un excellent moyen d'ajouter du texte à votre bannière.

Astuce : si vous préférez ne pas utiliser nos options de bannière intégrée, ajoutez un bloc Image en haut d’une page Disposition, quel que soit le modèle. La disposition Poster est particulièrement adaptée à une utilisation en bannière avec du texte superposé.

Regarder une vidéo

Avant de commencer

Avant d'ajouter du texte à votre bannière, apprenez comment ajouter une image de bannière.

We don't recommend using a banner image that has text within the actual image file for a couple reasons:

  • Les ordinateurs ne sont pas en mesure de lire ce texte, si bien que les moteurs de recherche ne le référenceront pas dans leurs résultats.
  • When your banner changes shape to adapt to different browser widths, it's likely that parts of the text will crop, as shown below.

Types de texte de bannière

Chaque template propose ses propres options de bannière. Nous allons ici vous montrer les types de texte de bannière les plus courants et vous recommander quelques templates pour des effets spécifiques. Consultez les options par template ci-dessous pour connaître le texte de bannière pris en charge par votre template.

Bannières de page

Page banners display at the top of pages, such as Blog Pages or Layout Pages. Most templates create an overlay from the page's title and description.

Templates recommandés : Five, MontaukPacificYork (Options de bannière par template)

Descriptions de bannières de pages spéciales

Dans certains templates, vous pouvez ajouter des en-têtes et des boutons aux bannières en utilisant les descriptions de la page.

Templates recommandés : Bedford (options de bannières par template)

Bannières d'éléments de collection

Les éléments de collection sont des articles de blog, évènements et produits individuels. Dans certains templates, les informations sur l'élément s'afficheront dans la bannière.

Templates recommandés : Bedford, Farro, Skye (options de bannières par template)

Bannières avec zone d'introduction

Certains templates peuvent comporter une zone d'en-tête que vous pouvez personnaliser grâce à des blocs. Il s'agit des en-têtes les plus polyvalents, pouvant accueillir une vaste gamme de contenu et de nombreuses tailles d'en-tête.

Templates recommandés : Brine, Mercer, Nueva (Options de bannière par template)

Bannières de Pages Index

For templates that support a stacked Index Page, each section creates a banner on the page. Depending on your template, either the page description or the page content displays as an overlay.

Templates recommandés : BedfordMercerPacific (options de bannières par template)

Ajouter du texte à la bannière de page

Most templates with page banners display the page's title and description over each banner.

Remarque : si vous utilisez un template qui place les descriptions de pages dans la bannière, il n'est pas recommandé d'utiliser ces descriptions purement pour l'ajout de contenu optimisé SEO (comme d'autres templates le permettent). Utiliser la description de page pour la bannière n'aura aucun effet négatif sur le SEO.

Étape 1 - Ajouter un titre de page et une description

  1. Dans le Menu principal, cliquez sur Pages.
  2. Survolez le titre de la page avec votre souris dans la section de gauche et cliquez sur l'icône icône-roue-dentée.
  3. Add text to the Page Title and Page Description fields in the Basic tab.
Astuce : pour afficher un titre différent dans les résultats de recherche et dans les partages sociaux, ajoutez un Titre SEO.

Étape 2 - Ajouter une vignette (recommandé)

Certains templates nécessitent une image ou vidéo de bannière pour afficher le texte. Dans l'onglet Media (Média), ajoutez une vignette (ou l'URL d'une vidéo dans les templates compatibles).

Étape 3 - Enregistrer et actualiser

Cliquez sur Save (Enregistrer), puis actualisez la page. Parfois, la page doit être actualisée pour que les modifications apportées à la bannière apparaissent dans l'aperçu du site.

Étape 4 - Aperçu

Visualisez la bannière dans l’aperçu de votre site et, au besoin, modifiez les polices et les couleurs dans le panneau Styles du site.

Astuce : Sur la plupart des templates, vous pouvez ajouter de la hauteur à la bannière en insérant des espaces vides à la description de page. Appuyez sur les touches Retour ou Entrée autour du texte de description pour exposer davantage l'image. Cette méthode peut vous permettre de régler les problèmes de recadrage et de prolonger la bannière pour la rendre plus remarquable.

Si votre bannière ne s'affiche pas, essayez les étapes de dépannage suivantes :

  1. Actualisez la page.
  2. Vérifiez dans la liste des templates que votre template prend en charge le texte de bannière pour ce type de page.
  3. Ouvrez le panneau Styles du site et vérifiez si la bannière ou le texte de bannière est masqué à cause des options de style de votre modèle.
  4. Review your template's Structure and style guide.

Formater le texte de description spécial

In the Bedford family you can format the page description with headers and buttons for certain page types:

  • Pages Disposition, Album, Blog, Événements et Produits

Dans ces modèles, suivez les étapes de la section précédente pour ajouter une description. La façon dont vous mettez en forme le texte de la description de la page détermine comment celui-ci est affiché :

  • Le texte en gras deviendra un en-tête.
  • Le texte sans format correspond à un texte de description normal.
  • Pour insérer un bouton dans la bannière, ajoutez un ou plusieurs liens à la dernière ligne.

Le texte lié ne crée un bouton que si :

  • Le texte lié n'est pas en gras.
  • Il n'y a pas d'autre texte ou de saut de ligne en dessous du lien.

Dans l'exemple ci-dessous :

  • « Design is not a luxury » deviendra un en-tête.
  • Le paragraphe commençant par « Good design... » deviendra un texte de description.
  • Le lien « Learn More » deviendra un bouton.

Après avoir enregistré et actualisé la page, modifiez le style de l’en-tête, de la description et du bouton dans le panneau Styles du site :

  • Utilisez la section Bannière du panneau Styles du site.
  • Le titre de la page ne s'affiche pas.

Ajouter du texte à la bannière d'un élément de collection

Le texte superposé des bannières d'éléments de collection est généralement créé dans les paramètres de l'article de blog, l'évènement ou le produit en question. Aidez-vous des liens ci-dessous pour régler les paramètres de chaque type d'élément :

Ajouter un texte superposé sur la zone d'introduction

In the Brine family, the intro area content displays over the banner. You can customize this area with blocks, such as a Text Block or Button Block.

Ajouter du texte à la bannière de la Page Index

In a stacked Index, each section creates a banner on the page. Either the page description or the page content displays as an overlay in these template families:

  • Bedford - Page description displays over the banner. Format it with headers and buttons.
  • Brine - Page content displays over the banner. To add banner text, add a Layout Page section and customize it with blocks.
  • Pacific - Page content displays over the banner. To add banner text, add a Layout Page section and customize it with blocks.

Styliser le texte

Use the tweaks in the Site Styles to adjust the fonts and colors. Banner style tweaks will usually affect every banner on your site.

For more information, review the "Structure and style" page in your template's guide.

Options de texte de bannière par template

Here are the banner text options in these template families:

Template family Bannières de page Bannières d'éléments de collection
Adirondack
  • Aucun texte superposé.
  • Articles de blog, événements, produits : aucune superposition de texte
Bedford
  • Articles de blog : titre, un élément de métadonnées
  • Événements : aucune superposition de texte

Brine

  • Zone de blocs libre ( « introduction »)
  • Le contenu de l’en-tête (comme le titre du site et les liens de navigation) peut s’afficher sur la bannière.
 

Farro

 
  • Billets de blog : le titre du billet et jusqu’à quatre éléments de métadonnées

Five

  • Titre et description de la page, Titre du Site/logo et sous-titre du site ou uniquement image de bannière. En savoir plus.
 

Montauk

  • Titre et description de la page.
 

Pacific

 

Skye

 

Supply

 
  • Articles de blog, événements : aucune superposition de texte

Tremont

 

York

  • Titre et description de la page.
 
Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 2 sur 11