Le bloc Titre ouvre une section de la page, du niveau 1 au niveau 6. Cette page décrit le style de chaque niveau, le niveau visuel forcé, le titre invisible, le titre cliquable et les contrôles du plan de vos pages.
Ajouter un titre
- Dans l’éditeur, ouvrez l’inserteur et choisissez le niveau voulu, de Titre 1 à Titre 6. Ajouter un bloc détaille les façons d’insérer un bloc.
- Tapez le texte. Tant que le bloc est vide, il affiche Titre….
- Appuyez sur
Entréepour ouvrir un paragraphe en dessous.Maj+Entréeinsère un retour à la ligne dans le titre.
Pour changer le niveau d’un titre écrit, sélectionnez-le, puis cliquez sur l’un des boutons H1 à H6 en haut de l’inspecteur. Le sélecteur de bloc, première icône de la barre d’outils, fait de même. Le texte et la mise en forme sont gardés.
Les niveaux forment le plan de la page. Un H1 porte le sujet de la page, des H2 ses grandes sections et des H3 les sous-sections d’un H2. Les lecteurs d’écran et les moteurs de recherche lisent ce plan.
Le style de chaque niveau
Un titre porte dès son insertion le style de son niveau, Titre 1 à Titre 6. Ces styles livrés avec le produit posent la police des titres du site et une taille de l’échelle des tailles. La graisse, l’interligne, les marges et la couleur se règlent sur le bloc ou dans vos propres styles.
| Style | Porté par un titre de niveau | Cran de l’échelle des tailles |
|---|---|---|
| Titre 1 | 1 | 5xl |
| Titre 2 | 2 | 4xl |
| Titre 3 | 3 | 3xl |
| Titre 4 | 4 | 2xl |
| Titre 5 | 5 | xl |
| Titre 6 | 6 | l |
Le style suit le niveau affiché. Un H2 passé en H3 quitte Titre 2 pour Titre 3. Vos autres styles restent en place. Une taille réglée à la main sur le bloc est gardée.
Pour changer l’allure de tous les titres d’un niveau, modifiez son style depuis n’importe quel titre de ce niveau. Tous les titres qui le portent suivent sur toutes les pages. Enregistrer le style d’un bloc explique comment mettre un style à jour.
Onglet Réglages
Panneau Réglages du titre
| Réglage | Effet | Valeur par défaut |
|---|---|---|
| Rendre comme un élément non titré | Publie un texte ordinaire à la place d’un titre, avec l’apparence du niveau choisi. Le bloc sort du plan de la page. | Désactivé |
| Invisible | Retire le titre de l’écran. Il reste lu par les lecteurs d’écran et compté dans le plan de la page. | Désactivé |
| Niveau visuel forcé | Donne au titre le style d’un autre niveau sans changer son niveau réel : Par défaut, puis Niveau 1 à Niveau 6. Absent quand Rendre comme un élément non titré est activé. | Par défaut |
Votre maquette peut demander un petit sous-titre là où le plan réclame un H2. Gardez alors le niveau 2 et réglez Niveau visuel forcé sur Niveau 4. Le visiteur voit la taille de Titre 4. Les lecteurs d’écran comme les moteurs de recherche lisent un niveau 2.
Panneau Lien
Le panneau Lien relie le titre entier à une page, un fichier ou une adresse. Ses réglages sont ceux de tous les blocs qui portent un lien ; Conteneur les détaille.
Panneau Avancé
Chaque titre reçoit à sa création un identifiant qui ne change plus. Il sert aux liens vers la section, au bloc Sommaire et au fil d’Ariane des résultats de recherche. Le champ Ancre HTML du panneau Avancé l’affiche, grisé : il ne se modifie pas. Un lien vers la section reste valide même si vous réécrivez le titre.
Onglet Styles
Le titre se règle dans les états Par défaut, Survol et Actif. Il reçoit les styles enregistrés, dont les six styles de niveau.
| Panneau | Guide |
|---|---|
| Couleurs | Colorer un bloc |
| Typographie | Mettre en forme un texte |
| Taille et espacement, Bordures, Effets, Transitions | Régler la taille, les bordures et les effets |
Onglet Animations
L’onglet Animations fait apparaître le titre à son arrivée à l’écran, au survol ou au défilement. Animer un bloc décrit les effets.
Le titre d’un contenu dans une carte
Dans la carte d’une liste de contenus ou d’un bloc de références, le titre de chaque contenu est un bloc Titre dont le texte est une donnée. Cette donnée est la pastille {post_title}. Dans l’éditeur, le titre montre la pastille ; sur le site, chaque carte affiche le titre de son contenu. Afficher les données d’un contenu explique les données.
- Une carte neuve d’une liste arrive avec ce titre de niveau 2, lié par Lien vers la publication. Le titre garde sa balise et le lien se place dedans.
- Ce titre n’a pas d’ancre : il change d’une carte à l’autre. Il n’apparaît pas dans le sommaire.
- Vous pouvez écrire autour de la pastille. La pastille se pose dans un titre hors d’une carte : dans le gabarit des articles, un H1
{post_title}affiche le titre de chaque article.
Sur téléphone
Les panneaux de l’onglet Styles se règlent écran par écran. Pour un titre plus petit sur téléphone, choisissez l’écran Mobile dans la rangée des écrans, puis réglez sa taille dans le panneau Typographie. Les autres écrans gardent la leur.
Accessibilité
Le panneau Accessibilité de l’éditeur vérifie le plan de la page à chaque modification. Chaque constat porte un bouton Afficher le bloc qui sélectionne le titre en cause.
| Message | Défaut |
|---|---|
| Le premier titre de la page devrait être de niveau 1. | La page commence par un H2 ou plus bas. |
| Un titre de niveau 4 suit un niveau 2 : aucun niveau ne doit être sauté. (avec les niveaux en cause) | Le plan saute un niveau. |
| La page porte plusieurs titres de niveau 1 ; elle devrait en porter exactement un. | Deux H1 sur la même page. |
Les titres réglés en Rendre comme un élément non titré ne sont pas vérifiés. Les titres des cartes sont vérifiés à leur niveau. Vérifier l’accessibilité de vos pages décrit le panneau.
Limites
- L’identifiant d’ancre d’un titre ne se choisit pas.
- Un lien posé sur le bloc retire le titre du plan. Le panneau Accessibilité ne le signale pas.