# Titre

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

1. Dans l’éditeur, ouvrez l’inserteur et choisissez le niveau voulu, de **Titre 1** à **Titre 6**. [Ajouter un bloc](https://lovelyrender.com/fr/documentation/ajouter-un-bloc/) détaille les façons d’insérer un bloc.
2. Tapez le texte. Tant que le bloc est vide, il affiche **Titre…**.
3. Appuyez sur `Entrée` pour ouvrir un paragraphe en dessous. `Maj+Entrée` insè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](https://lovelyrender.com/fr/documentation/styles-enregistres/) explique comment mettre un style à jour.

**Remarque :** Un style de base retiré à la main de la liste des styles du bloc ne revient pas seul. Il revient au prochain changement de niveau.

## 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** |

![L’inspecteur d’un titre de niveau 2 : les boutons H1 à H6, les onglets Réglages, Styles et Animations, puis le panneau Réglages du titre avec Rendre comme un élément non titré, Invisible et Niveau visuel forcé sur Par défaut.](https://static.lovelyrender.com/uploads/2026/10/181-blocs-titre.png)

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.

**Conseil :** Une page d’accueil faite d’une bande de logos, de témoignages et d’un formulaire n’a pas de repère pour qui navigue de titre en titre. Posez un titre **Invisible** au-dessus de chaque section, par exemple « Témoignages ». L’affichage ne change pas.

### 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](https://lovelyrender.com/fr/documentation/bloc-conteneur/) les détaille.

**Attention :** Un titre qui porte un lien est publié comme un lien : il garde son apparence mais quitte le plan de la page. Pour qu’il reste un titre, sélectionnez son texte et posez le lien avec le bouton **Lien** de la barre d’outils, ou `Ctrl+K`.

### 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](https://lovelyrender.com/fr/documentation/bloc-table-des-matieres/) 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](https://lovelyrender.com/fr/documentation/couleurs-d-un-bloc/) |
| **Typographie** | [Mettre en forme un texte](https://lovelyrender.com/fr/documentation/typographie/) |
| **Taille et espacement**, **Bordures**, **Effets**, **Transitions** | [Régler la taille, les bordures et les effets](https://lovelyrender.com/fr/documentation/taille-bordures-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](https://lovelyrender.com/fr/documentation/animations/) 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](https://lovelyrender.com/fr/documentation/afficher-les-donnees/) 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](https://lovelyrender.com/fr/documentation/accessibilite/) 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.

## Voir aussi

- [Mettre en forme un texte](https://lovelyrender.com/fr/documentation/typographie/)
- [Texte](https://lovelyrender.com/fr/documentation/bloc-texte/)
- [Enregistrer le style d’un bloc](https://lovelyrender.com/fr/documentation/styles-enregistres/)
- [Vérifier l’accessibilité de vos pages](https://lovelyrender.com/fr/documentation/accessibilite/)