# Écrire une fois l’en-tête, le menu et le pied de page

Une composition est un ensemble de blocs écrit une fois et montré sur toutes les pages qui le placent. Cet article vous apprend à créer vos compositions, à les placer, à leur donner un rôle, à les modifier et à les supprimer.

## Avant de commencer

- Votre en-tête, votre menu mobile, votre pied de page et votre bandeau de consentement sont des compositions. Une bande d’appel répétée sur plusieurs pages peut en être une.
- Modifier une composition modifie chaque page qui la montre.
- La liste des compositions est réservée aux administrateurs du site.

## Ouvrir la liste des compositions

Dans le menu **Gabarits**, cliquez sur **Compositions**. La liste montre vos compositions de la plus récente à la plus ancienne, avec leur catégorie et leur date. La catégorie **Modèles de contenu** y range vos modèles de contenu.

Le survol d’une composition affiche sous son titre **Modifier**, **Supprimer définitivement**, **Exporter comme JSON** et **Dupliquer**.

![La liste Compositions d’Atelier Sauge : le modèle Un jardin de ville à Rezé, dans la catégorie Modèles de contenu, puis Appel : demander un devis, Bandeau de consentement, Menu mobile, Pied de page : trois colonnes et En-tête : logo et menu, chacune publiée avec sa date.](https://static.lovelyrender.com/uploads/2026/10/990-doc-gabarits-compositions.png)

## Créer une composition

| Geste | Résultat |
| --- | --- |
| Insérer une création du catalogue qui pose l’en-tête, le pied de page, le menu mobile ou le bandeau de consentement | La composition est créée avec son rôle et placée où la création la pose. |
| Dans le menu **⋮** d’un bloc, choisir **Créer une composition**, laisser **Synchronisée** activé puis cliquer sur **Créer** | Une composition faite de ce bloc, posée à l’endroit du bloc. |
| Sur une ligne de **Gabarits** > **Compositions**, cliquer sur **Dupliquer** | La copie d’une composition existante, à retravailler. |

Une composition reçoit la langue courante à sa création. Vérifiez-la dans l’onglet **Langue** avant de la traduire.

## Poser les compositions du site

Les créations de page d’accueil, de page introuvable et de structure de contenu placent quatre compositions. Le catalogue les retrouve par leur rôle : **En-tête**, **Pied de page**, **Menu mobile** et **Bandeau de consentement**.

Avant l’insertion, la création affiche une annonce pour chaque rôle.

| Annonce | Résultat de l’insertion |
| --- | --- |
| **Votre … sera réutilisé.** | Votre composition existe dans cette langue. La création la place telle qu’elle est. |
| **Un … synchronisé sera créé et partagé : modifié une fois, pour tout le site.** | Vous n’en avez pas encore. Une composition est créée depuis sa version de départ et placée. |
| **Une version de votre … dans cette langue sera créée à partir de « … » ; ses textes restent à traduire.** | Votre composition existe dans une autre langue. Une copie liée est créée dans la langue de la page. |

Prévisualiser une création ne crée aucune composition. Elles naissent au clic sur **Insérer**. [Partir d’une création toute faite](https://lovelyrender.com/fr/documentation/creations/) détaille le catalogue.

**Conseil :** Commencez par la page d’accueil. Sa création pose les quatre compositions que les autres créations réutilisent.

## Placer une composition

Quatre gestes placent une composition.

- La poser comme bloc dans une page, un gabarit ou une autre composition.
- La choisir dans le réglage **Composition à ouvrir** du bloc Navigation. Le bouton de menu l’ouvre sur téléphone.
- La choisir comme destination de type **Composition** d’un lien ou d’un bouton. Elle s’ouvre en fenêtre ou en panneau latéral.
- La faire ouvrir par la boîte de recherche d’une liste, quand cette boîte s’ouvre en fenêtre.

Sur un site en plusieurs langues, une composition placée montre sa traduction sur les pages de chaque langue. Vous la placez une fois pour toutes les langues.

## Donner un rôle à une composition

Une composition que vous avez faite vous-même peut devenir l’en-tête ou le pied de page que le catalogue réutilise.

1. Ouvrez la composition depuis **Gabarits** > **Compositions**.
2. Dans la colonne de droite, onglet **Composition**, choisissez un rôle dans la liste **Rôle**, sous **État de la synchronisation**. Le rôle est enregistré dès que vous le choisissez.

![L’onglet Composition de l’en-tête En-tête : logo et menu : État de la synchronisation Synchronisée, la liste Rôle réglée sur En-tête avec son aide, puis la ligne Langue, français (France).](https://static.lovelyrender.com/uploads/2026/10/993-doc-gabarits-role.png)

- Un rôle appartient à une langue. Une composition sans langue affiche **Cette composition n’a pas encore de langue.** sous la liste, qui reste grisée. Choisissez d’abord sa langue dans l’onglet **Langue**.
- Un rôle déjà tenu dans cette langue ne passe pas à une autre composition. Le site affiche **Le rôle « … » est déjà tenu dans cette langue par « … ».** avec le lien **Ouvrir la composition qui le tient**.

## Modifier une composition

Pour changer sa structure, par exemple ajouter, retirer ou déplacer un bloc, ouvrez-la depuis **Gabarits** > **Compositions**. Toutes les pages où elle est placée changent avec elle.

Depuis la page qui la montre, vous modifiez ses textes et ses images : le texte d’un titre, le libellé d’un lien, d’un bouton ou d’un champ, et l’image d’un bloc Média. Cliquez dans le bloc et tapez.

**Attention :** Un mot changé depuis une page est changé dans la composition, donc sur toutes les pages qui la montrent.

### Changer l’allure de votre en-tête

Une création insérée s’ajoute à l’endroit du bloc **Créations Lovely Render**. Les blocs déjà présents restent en place : retirez l’ancien en-tête avant d’insérer le nouveau.

1. Ouvrez votre en-tête depuis **Gabarits** > **Compositions**.
2. Dans la **Vue en liste**, sélectionnez le premier bloc de l’en-tête puis supprimez-le. Répétez pour chaque bloc jusqu’à ce que la composition soit vide.
3. Insérez le bloc **Créations Lovely Render**.
4. Choisissez un autre en-tête du catalogue, par exemple **En-tête : menu centré**, puis cliquez sur **Insérer**.
5. Enregistrez la composition.

Les pages qui placent cet en-tête montrent le nouveau sans autre réglage. Sur un site en plusieurs langues, la traduction de l’en-tête est une composition à part : refaites-la de la même façon.

## Supprimer une composition

Une composition n’a pas de corbeille. Trois gestes la suppriment définitivement : **Supprimer définitivement** sur sa ligne, l’action groupée **Supprimer définitivement** et **Supprimer** dans le menu **⋮** de l’éditeur.

Une composition utilisée ne se supprime pas. Le site affiche **« … » est utilisée par … et ne peut pas être supprimée.** puis **Retirez-la d’abord de ces contenus.** Chaque contenu est nommé avec un lien. Un contenu placé dans la corbeille porte la mention **à la corbeille**.

1. Lisez le message et notez les contenus cités.
2. Ouvrez chacun, retirez le bloc, le lien ou le burger qui la place, puis enregistrez.
3. Reprenez la suppression. Elle aboutit dès qu’aucun contenu ne place plus la composition.

Quand un contenu place la composition dans une autre langue, il porte la mention **via sa traduction « … »**. Pour la supprimer, détachez-la de ses traductions dans l’onglet **Langue**.

Une composition avec un rôle se supprime comme les autres dès que plus rien ne la place. Le rôle est libéré. La prochaine création qui le demande en recrée une depuis sa version de départ.

**Attention :** Dépublier une composition ne la retire de nulle part. Les pages qui la placent montrent un vide à son emplacement. Pour remplacer un en-tête, refaites son intérieur.

Pour récupérer une composition supprimée par erreur, restaurez une version du site. Si elle venait du catalogue, réinsérez la création qui l’avait posée : ses textes sont à refaire.

## Voir aussi

- [Partir d’une création toute faite](https://lovelyrender.com/fr/documentation/creations/)
- [Navigation](https://lovelyrender.com/fr/documentation/bloc-navigation/)
- [Traduire une page](https://lovelyrender.com/fr/documentation/traduire-une-page/)
- [Restaurer une version du site](https://lovelyrender.com/fr/documentation/versions/)