# Décider de l’apparence avec les gabarits

Un gabarit est la mise en page d’un genre de pages : toutes vos pages, les contenus d’un type, une liste, la recherche ou la page 404. Cet article vous apprend à créer un gabarit, à savoir lequel s’applique à une page et à y placer le contenu.

## Avant de commencer

- Toutes les pages d’un même genre adoptent son gabarit, sans réglage page par page.
- Créer, modifier et supprimer un gabarit ne demande pas le rôle **Administrateur**. Un membre qui peut modifier les contenus peut créer un gabarit.
- Pour un type de contenu, créez d’abord le type. Ses gabarits apparaissent dans la liste des gabarits à créer. [Créer un type de contenu](https://lovelyrender.com/fr/documentation/types-de-contenu/) décrit cette étape.
- Comme tout le reste, un gabarit se modifie dans le Staging. Il arrive en ligne à la prochaine publication du site.
- Six gabarits sont obligatoires pour publier le site. La section Préparer les gabarits obligatoires les liste.

## Ouvrir l’écran des gabarits

Dans le menu de l’administration, ouvrez **Gabarits**. L’écran montre en haut la **Hiérarchie des gabarits**, puis le tableau de vos gabarits avec leur **Titre** et leur **Slug**. Sur un site en plusieurs langues, une colonne **Langue** s’ajoute.

La hiérarchie range les genres de pages en trois groupes : **Archives**, **Contenu unique** et **Cas particuliers**. Une case pleine a son gabarit et une case en pointillé n’en a pas encore. Cliquer sur une case en pointillé ouvre la fenêtre **Ajouter un gabarit** sur ce genre de pages.

![La Hiérarchie des gabarits d’Atelier Sauge : dans Archives, la ligne Archive d’un type avec archive-{type} plein ; dans Contenu unique, Réalisation avec single-realisation plein, Prestation, Média et Page avec page plein, les lignes de type et Média reliées à la case de repli single pleine ; dans Cas particuliers, front-page, search, 404 et modal pleins, les trois modales du bas et side en pointillé.](https://static.lovelyrender.com/uploads/2026/10/975-doc-gabarits-hierarchie.png)

Sous la hiérarchie, le tableau donne le titre et le slug de chaque gabarit. Le slug désigne le genre de pages qu’il met en page.

![Le tableau des gabarits : 404 (Introuvable), Élément seul (tout type), Générique (tous les contenus), Page d’accueil et Pages portent Protégé ; Résultats de recherche, Toutes les entrées : Réalisations et Type de contenu : Réalisations portent le bouton Supprimer.](https://static.lovelyrender.com/uploads/2026/10/978-doc-gabarits-liste.png)

Le menu **Accueil**, en haut du menu de l’administration, ouvre le gabarit de la page d’accueil.

## Créer un gabarit

1. Dans l’écran **Gabarits**, cliquez sur **Ajouter un gabarit**. Une fenêtre liste les genres de pages qu’un gabarit peut mettre en page.
2. Cliquez sur le genre voulu, par exemple **Élément seul : Réalisations**.
3. Si la fenêtre le demande, choisissez entre **Pour tous les éléments** et **Pour un élément précis**.
4. Pour un élément précis, cherchez-le dans la liste puis cliquez dessus. Un élément qui a son gabarit n’est pas proposé.
5. L’éditeur s’ouvre sur le bloc **Créations Lovely Render**, qui propose les créations faites pour ce gabarit. Choisissez-en une ou composez le gabarit avec vos propres blocs.
6. Publiez le gabarit. Les pages de ce genre prennent sa mise en page.

![La fenêtre Ajouter un gabarit : Page d’accueil, Pages, Archives de type de contenu, Élément seul (tout type), 404 (Introuvable), Résultats de recherche, Pages de média, les quatre modales, Panneau latéral puis Élément seul : Réalisations et Élément seul : Prestations, chacun avec sa description.](https://static.lovelyrender.com/uploads/2026/10/981-doc-gabarits-ajouter.png)

Pour **Élément seul : Réalisations**, la fenêtre propose un gabarit pour toutes les réalisations ou pour une seule. Pour une seule, elle liste les réalisations qui n’ont pas encore leur gabarit.

![L’étape de la portée pour Élément seul : Réalisations : Toutes les entrées : Réalisations (Pour tous les éléments), Réalisation (Pour un élément précis) et le bouton Retour.](https://static.lovelyrender.com/uploads/2026/10/984-doc-gabarits-portee.png)

![La liste des réalisations sous le champ Rechercher : Un jardin de ville à Rezé, Terrasse potagère à Rezé, Potager surélevé à Orvault, Jardin sec à Vertou, Haie champêtre à Carquefou et Jardin d’ombre à Saint-Herblain.](https://static.lovelyrender.com/uploads/2026/10/987-doc-gabarits-element.png)

Un gabarit neuf est créé en brouillon. Tant que vous ne l’avez pas publié, les pages qu’il vise gardent leur mise en page d’avant. Si vous fermez l’éditeur sans choisir de création, le gabarit reste vide.

**Remarque :** Un gabarit publié sans bloc afficherait une page blanche à vos visiteurs. Vous ne le verriez pas sur le Staging, où vous êtes connecté. Le brouillon évite ce cas : publiez le gabarit une fois composé.

## Préparer les gabarits obligatoires

Le site ne part pas en Production tant que six gabarits ne sont pas publiés sur le Staging. Sans l’un d’eux, une partie du site s’afficherait mal en ligne.

| Gabarit | Sans lui |
| --- | --- |
| **Page d’accueil** | L’accueil n’a pas de mise en page. |
| **Pages** | Une page qu’aucun gabarit plus précis ne couvre affiche la page d’erreur 404. |
| **Élément seul (tout type)** | Un contenu qu’aucun gabarit plus précis ne couvre affiche la page d’erreur 404. |
| **404 (Introuvable)** | Une adresse qui ne mène à rien affiche la page d’erreur livrée avec Lovely Render. |
| **Modale** | Une page ouverte en modale prend le gabarit **Pages**, avec l’en-tête et le pied de page du site dans la fenêtre. |
| **Panneau latéral** | Une page ouverte en panneau latéral prend aussi le gabarit **Pages**. |

Ce sont les six premières étapes de l’encadré **Étapes de mise en place** du tableau de bord. Chaque étape ouvre son gabarit et le crée s’il n’existe pas encore. Un gabarit en brouillon ne compte pas : publiez-le. Le catalogue de créations propose **Modale : générique** pour la modale comme pour le panneau latéral.

Tant qu’il en manque un, l’écran **Publier le site en Production** les nomme et garde son bouton grisé. [Publier votre site](https://lovelyrender.com/fr/documentation/publier/) décrit cet écran.

## Choisir le genre de pages

| Gabarit | Pages concernées | Portée |
| --- | --- | --- |
| **Page d’accueil** | La page d’accueil du site. | Le site entier. |
| **Pages** | Toutes les pages du site. | **Toutes les pages**, ou une page précise. |
| **Élément seul :** suivi du nom d’un type | La page de chaque contenu de ce type, ou de chaque terme d’une catégorie. | Tous les contenus du type, ou un contenu précis. |
| **Élément seul (tout type)** | La page de tout contenu qu’aucun gabarit plus précis ne couvre. | Tous les types. |
| **Archives de type de contenu** | La page qui liste les contenus d’un type, par exemple /realisations/. | Un type précis. |
| **Résultats de recherche** | La page de résultats d’une recherche sur le site. | Toutes les recherches, ou celles d’un type précis. |
| **404 (Introuvable)** | La page affichée quand une adresse ne mène à rien. | Le site entier. |
| **Pages de média** | La page de chaque média. | Tous les médias. |
| **Modale**, **Modale en bas à gauche**, **Modale en bas au centre**, **Modale en bas à droite** | Un contenu ouvert par-dessus une page. | Tous les contenus, un type ou un contenu précis. |
| **Panneau latéral** | Un contenu ouvert sur le côté de la page. | Tous les contenus, un type ou un contenu précis. |

**Élément seul :** n’apparaît que pour un type dont le réglage **Chaque publication a sa propre page** est coché. **Archives de type de contenu** ne propose que les types qui ont une **Page d’archive**. Une catégorie n’a pas de page par terme à sa création : elle ne propose aucun gabarit tant que vous ne lui en donnez pas.

## Comprendre quel gabarit s’applique

Pour afficher une page, le site cherche le gabarit le plus précis, puis descend vers les plus généraux. Le premier gabarit publié trouvé s’applique.

| Page affichée | Gabarits cherchés, du plus précis au plus général |
| --- | --- |
| Une page | Celui de cette page, puis **Pages**. Sans eux, la page aboutit à la page 404. |
| Un contenu d’un type, ou un terme | Celui de ce contenu, puis celui de son type ou de sa catégorie, puis **Élément seul (tout type)**. Sans eux, le contenu aboutit à la page 404. |
| La liste d’un type | Celui de l’archive de ce type. Sans lui, la liste aboutit à la page 404. |
| Une recherche limitée à un type | Celui de la recherche dans ce type, puis **Résultats de recherche**. |
| Un contenu ouvert en modale | Celui de ce contenu, puis celui de son type, puis **Modale**. Les trois modales du bas reviennent à la **Modale** centrée quand elles n’ont pas de gabarit. |
| Un contenu ouvert en panneau latéral | Celui de ce contenu, puis celui de son type, puis **Panneau latéral**. Le panneau ne revient pas à la **Modale**. |

Sur le Staging, un contenu ouvert par-dessus la page sans gabarit de modale ou de panneau prend son propre gabarit, par exemple **Pages** pour une page. Si vous pouvez créer des gabarits, la fenêtre vous montre plutôt les gabarits qui manquent, comme le dit la section Trouver le gabarit qui manque à une page. Ce cas n’arrive jamais en ligne, puisque **Modale** et **Panneau latéral** sont obligatoires pour publier.

Vous pouvez ajouter des cas particuliers sans conflit. Par exemple, un gabarit pour la seule réalisation Jardin sec à Vertou passe avant celui de toutes les réalisations.

## Trouver le gabarit qui manque à une page

Sur le Staging, une page, un contenu ou une liste qu’aucun gabarit publié ne met en page ne vous affiche pas la page 404 si vous pouvez créer des gabarits. Le titre **Aucun gabarit publié n’affiche cette page** s’affiche à la place, avec les gabarits que le site a cherchés pour cette adresse, dans l’ordre de recherche. Chaque ligne donne le nom du gabarit tel que l’écran **Gabarits** l’affiche, son slug et un lien.

| Lien | Quand | Effet |
| --- | --- | --- |
| **Créer ce gabarit** | Aucun gabarit ne porte encore ce slug. | Crée le gabarit en brouillon et l’ouvre dans l’éditeur, sur les créations faites pour lui. |
| **Ouvrir le brouillon** | Le gabarit existe en brouillon. | Ouvre le brouillon dans l’éditeur. |

Composez l’un de ces gabarits puis publiez-le : l’adresse prend sa mise en page.

- Les autres membres et les personnes venues par un lien d’aperçu voient la page 404, comme en Production. [Partager un aperçu du Staging](https://lovelyrender.com/fr/documentation/apercu/) décrit ces liens.
- En Production, l’adresse affiche la page 404 tant qu’aucun de ces gabarits n’est publié.
- Une adresse qui ne mène à rien, comme une faute de frappe, affiche la page 404 sur le Staging aussi.
- Un contenu ouvert en modale ou en panneau latéral sans gabarit de modale ou de panneau montre la même liste dans sa fenêtre, avec les gabarits de modale ou de panneau que le site a cherchés.

## Placer le contenu dans le gabarit

Le bloc **Contenu du post** marque l’endroit où s’affiche le contenu de la page visitée. Il n’est proposé que dans l’éditeur d’un gabarit et n’a aucun réglage. Les marges, le fond ou la bordure autour du contenu se règlent sur le bloc qui l’entoure.

- Posé à la racine du gabarit, il affiche le contenu de la page. Dans l’éditeur, il montre à la place **Le contenu apparaîtra ici.**
- Posé dans l’élément répété d’une liste, il affiche le contenu de chaque élément listé.

Un gabarit de page ou de contenu sans ce bloc affiche la page sans son contenu. Un avis le signale en haut de l’éditeur : **Ce gabarit habille une entrée mais n’affiche rien de son contenu : posez le bloc « Contenu du post » là où l’entrée doit apparaître.** Il disparaît quand vous posez le bloc. Une fois fermé, il ne revient plus sur ce gabarit.

L’accueil, une archive, une modale et le panneau latéral ne reçoivent pas cet avis. Ils montrent une page composée, une liste ou une composition aussi bien qu’un contenu.

**Conseil :** Gardez dans vos gabarits l’en-tête, le pied de page, les éléments communs et le bloc **Contenu du post**. Vous composez chaque page sans revenir au gabarit.

## Régler la page d’erreur 404

Tant qu’aucun gabarit **404 (Introuvable)** n’est publié, une adresse qui ne mène à rien affiche la page livrée avec Lovely Render. Elle montre le titre **Erreur 404 : page introuvable** et une image. Ce titre suit le style **Titre 2** de votre design.

Une fois publié, votre gabarit 404 sert toutes les erreurs du site. Il s’affiche pour une adresse inconnue, une adresse technique de WordPress demandée par un robot ou un contenu que vous avez rendu non consultable. Seule l’adresse `/wp-admin` tapée sur votre nom de domaine garde la page livrée avec Lovely Render.

## Régler la page de résultats de recherche

Le gabarit **Résultats de recherche** est facultatif. Sans lui, une recherche garde le gabarit de sa page d’arrivée, l’accueil ou la liste d’un type. Avec lui, les résultats ont leur propre mise en page. Un gabarit de recherche limité à un type passe avant le gabarit général pour les recherches faites dans ce type.

## Revenir à une version d’un gabarit

Un gabarit garde une révision à chaque enregistrement, comme une page. Dans l’éditeur du gabarit, ouvrez ses révisions pour comparer deux états et restaurer le précédent.

## Supprimer un gabarit

1. Dans le tableau de l’écran **Gabarits**, repérez la ligne du gabarit.
2. Cliquez sur **Supprimer**. Une fenêtre demande **Supprimer « … » ?** avec le titre du gabarit, et rappelle qu’il sera supprimé définitivement, avec ses révisions.
3. Cliquez sur **Supprimer** pour confirmer, ou sur **Annuler** pour garder le gabarit. Une fois le gabarit supprimé, l’écran se recharge et les pages concernées prennent le gabarit suivant de l’ordre de recherche.

L’icône de corbeille d’une case de la hiérarchie ouvre la même fenêtre.

**Attention :** La suppression ne passe pas par la corbeille. Le gabarit et ses révisions sont effacés du Staging.

Les gabarits **Page d’accueil**, **Pages**, **Élément seul (tout type)**, **404 (Introuvable)**, les quatre modales et le **Panneau latéral** portent **Protégé** à la place du bouton. Ni eux ni leurs traductions ne se suppriment. Ils restent modifiables. **Résultats de recherche** n’est pas protégé : il porte le bouton **Supprimer**.

## Confier un gabarit à votre IA

Une IA branchée à votre site crée et réécrit un gabarit dans le Staging, jamais en Production. Il faut être administrateur du site et lui avoir accordé le droit de modifier les gabarits et les compositions. Ce droit n’est jamais coché d’avance. [Brancher votre IA](https://lovelyrender.com/fr/documentation/ia/) décrit ces droits.

- Elle choisit le genre de pages dans la liste que lui donne le site. Elle ne change jamais la cible d’un gabarit existant.
- Un gabarit qu’elle crée arrive avec ses blocs et publié. Une création sans bloc est refusée.
- Une réécriture remplace le gabarit entier. Les blocs qu’elle n’a pas touchés reviennent à l’identique.
- Les filtres d’une liste, sa boîte de recherche et le fil d’Ariane se posent à la main dans l’éditeur.

## Voir aussi

- [Créer un type de contenu](https://lovelyrender.com/fr/documentation/types-de-contenu/)
- [Partir d’un modèle de contenu](https://lovelyrender.com/fr/documentation/modeles-de-contenu/)
- [Lister et filtrer vos contenus](https://lovelyrender.com/fr/documentation/listes-de-contenus/)
- [Partir d’une création toute faite](https://lovelyrender.com/fr/documentation/creations/)