# Afficher les données d’un contenu

Les champs, le titre et les dates d’un contenu s’affichent sur vos pages sans être recopiés. Cet article vous apprend à poser un champ avec son bloc et à écrire une donnée au milieu d’un texte. Il montre aussi comment lier un texte au contenu et marquer une date pour les moteurs de recherche.

## Choisir le bloc ou le format Donnée

Deux outils affichent ce que porte un contenu. Ils lisent la même valeur : corrigez-la dans le contenu, elle change partout où elle s’affiche.

| Outil | Usage | Exemple |
| --- | --- | --- |
| Le bloc **Champ de contenu** | Montrer un champ comme un bloc à part entière, mis en forme comme les autres blocs. | La surface d’un bien en gros sous son titre. |
| Le format **Donnée** | Poser une donnée au milieu d’un paragraphe ou d’un titre : un champ, le titre, l’extrait, l’auteur ou une date. | « Publié le 21 juin 2026 » sous le titre d’un article. |

L’éditeur propose les champs du contenu dont parle l’endroit où vous posez la donnée. La section Comprendre les champs proposés détaille chaque endroit. Le titre, l’extrait, l’auteur et les dates se proposent partout.

## Comprendre les champs proposés

Une donnée affiche la valeur du contenu dont parle l’endroit où elle est posée. Sur la page d’un contenu, c’est ce contenu. Dans la carte d’une liste, c’est le contenu de la carte. L’outil d’insertion, la liste **Quel champ** du bloc et la liste **Valeur** du format **Donnée** proposent donc les champs de ce contenu.

| Endroit | Champs proposés |
| --- | --- |
| Le texte d’un contenu | Ceux du type du contenu. |
| La carte d’une **Liste de contenus** | Ceux des types cochés dans la liste. Une carte réservée à un type par **Ce gabarit s’applique à** propose ceux de ce type. |
| Une liste dont la **Source de la requête** est **Archive** | Ceux du type de l’archive que montre le gabarit. |
| Une liste dont la source est **Référence** ou **Frères et sœurs**, sans type coché, réglée sur un champ de référence | Ceux des types qui ont ce champ de référence. |
| La carte d’un bloc **Références** | Ceux du type des contenus référencés. |
| Le gabarit des contenus d’un type, ou de leur fenêtre superposée | Ceux de ce type. Un gabarit de page propose ceux des pages. |
| Le lien **Contenu précédent**, **Contenu suivant** ou **Page parente** d’une **Navigation entre contenus** | Ceux du type du contenu. |
| Une composition, une liste sans type coché, le lien **Page du terme** d’une **Navigation entre contenus** ou un gabarit commun à tous les contenus | Tous les champs du site, rangés sous le nom de leur type. |
| Un gabarit qui n’affiche pas un contenu, en dehors d’une liste : l’accueil, la page introuvable, une archive ou une recherche. Le lien **Archive de ce type** d’une **Navigation entre contenus**. | Aucun. |

Le bloc le plus proche décide. Une liste posée dans le gabarit d’un autre type propose les champs du type qu’elle affiche.

Quand plusieurs types sont proposés, l’outil d’insertion écrit le type de chaque champ entre parenthèses, par exemple **Surface (Réalisations)**. Un champ que plusieurs types déclarent y figure une fois, avec le nom de chacun. Les listes **Quel champ** et **Valeur** rangent les champs sous le nom de leur type.

![L’outil d’insertion d’une composition, recherche réalisations : Durée (Prestations et Réalisations), Surface (Réalisations) et Livré le (Réalisations).](https://static.lovelyrender.com/uploads/2026/10/1016-doc-donnees-insertion.png)

**Conseil :** Pour trouver les champs d’une liste dans l’outil d’insertion, sélectionnez d’abord un bloc de sa carte, ou la carte elle-même.

## Poser un champ avec son bloc

1. Ouvrez dans l’éditeur le contenu, la page ou le gabarit qui doit afficher le champ.
2. Sélectionnez un bloc à l’endroit du champ, par exemple un bloc de la carte d’une liste.
3. Ouvrez l’outil d’insertion et cherchez le nom du champ, par exemple `Surface`. Les champs de cet endroit y figurent sous leur libellé. [Ajouter un bloc](https://lovelyrender.com/fr/documentation/ajouter-un-bloc/) explique comment insérer un bloc.
4. Insérez le bloc. Dans l’onglet **Réglages** de la barre latérale, panneau **Champ**, réglez son affichage.

![Le panneau Champ d’un bloc Champ de contenu : Quel champ sur Surface du jardin, Affiché comme Nombre, zéro décimale, Surface : avant la valeur, m² après la valeur et la balise HTML p.](https://static.lovelyrender.com/uploads/2026/10/896-doc-contenus-bloc-champ.png)

| Réglage | Effet | Valeur par défaut |
| --- | --- | --- |
| **Quel champ** | Le champ affiché, parmi ceux de l’endroit du bloc. Il se change après coup. | Le champ choisi dans l’outil d’insertion. |
| **Affiché comme** | Le format de la valeur, selon le type du champ. Absent quand le type n’a qu’un format. | Le premier format du type. |
| **Décimales** | Le nombre de décimales, de 0 à 6. Proposé avec les formats **Nombre** et **Pourcentage**. | 0. |
| **Motif de date** | Le format d’une date écrit à la main. Proposé avec le format **Motif personnalisé**. | Vide. |
| **Avant la valeur** | Un texte affiché avant la valeur, par exemple `Surface : `. | Vide. |
| **Après la valeur** | Un texte affiché après la valeur, par exemple ` m²`. | Vide. |
| **Balise HTML** | La balise HTML du bloc, parmi `span`, `div` et `p`. | `span`. |

| Type de champ | Formats de Affiché comme |
| --- | --- |
| **Texte** ou **Texte long** | **Tel qu’enregistré**. |
| **Nombre entier**, **Nombre** ou **Nombre sur un curseur** | **Tel qu’enregistré**, **Nombre** ou **Pourcentage**. |
| **Oui / non** | **Oui / Non** ou **Coche ou croix**. |
| **Date** ou **Date et heure** | **Court**, **Long**, **Relatif** (« il y a 3 jours ») ou **Motif personnalisé**. |
| **Heure** | **Court** ou **Long**. |
| **E-mail**, **Adresse** ou **Téléphone** | **Tel qu’enregistré** ou **Lien cliquable**. |
| **Choix** | **Libellé du choix**. |
| **Média** | **Image** : l’image ou la vidéo que tient le champ. |

Le bloc se met en forme comme les autres : couleurs, typographie, taille, bordures, effets, styles enregistrés et animations.

Le texte avant et après la valeur appartient au bloc. Une page traduite, qui est un contenu à part, a donc ses propres textes.

Dans l’éditeur d’un contenu, le bloc montre la valeur que porte ce contenu. Tant que le champ est vide, il montre le nom du champ, pour que votre mise en page reste lisible. Dans une carte de liste, dans un gabarit et dans une **Navigation entre contenus**, il montre le nom du champ : ce modèle sert à plusieurs contenus, chacun avec sa valeur.

### Afficher un champ Média

Un champ **Média** tient une image ou une vidéo. Le bloc la montre sur le site et dans l’éditeur du contenu. Il porte alors le panneau **Réglages de la vidéo**, qui ne sert que si le champ tient une vidéo : une image s’affiche telle quelle.

| Réglage | Effet | Valeur par défaut |
| --- | --- | --- |
| **Lecture** | **Manuelle** : le visiteur lance la vidéo depuis son lecteur. **Une seule fois, à l’apparition**, **En boucle tant qu’elle est visible** ou **Au survol** : la vidéo se lance seule, sans lecteur ni son. | **Manuelle**. |
| **Afficher un bouton de pause** | Avec **En boucle tant qu’elle est visible** et **Au survol**, le bouton qui permet au visiteur d’arrêter la vidéo. | Activé. |

Le réglage appartient au bloc : la même vidéo peut se lancer au survol dans une carte et depuis son lecteur sur la page du contenu. Le mode **Suit le défilement** du bloc **Média** n’est pas proposé ici.

## Écrire une donnée dans un texte

1. Placez le curseur dans un paragraphe ou un titre, à l’endroit de la donnée.
2. Dans la barre d’outils du bloc, ouvrez les formats de texte et cliquez sur **Donnée**. Une pastille se pose et le panneau **Donnée** s’ouvre dans la barre latérale.
3. Dans **Valeur**, choisissez la donnée.
4. Facultatif : choisissez son format dans **Affiché comme** et un texte dans **Avant la valeur** ou **Après la valeur**.

| Valeur | Affichage sur la page |
| --- | --- |
| **Titre** | Le titre du contenu. |
| **Extrait** | Son extrait. |
| **Auteur** | Le nom de son auteur tel que son profil l’affiche, jamais son adresse e-mail. |
| **Date de publication** | Sa date de publication. |
| **Dernière modification** | La date de sa dernière modification. |
| **Date du jour** | La date du jour où la page est lue. |
| **En vigueur depuis** | Dans le gabarit des documents légaux seulement : la date de mise en ligne du texte en vigueur. |
| **Crédit** | Dans la légende d’un bloc **Média** seulement : le nom crédité du média. |
| Un champ du contenu | La valeur du champ. |
| **Une date écrite dans le texte** | Vos propres mots, marqués d’un jour. La section Marquer une date écrite dans un texte la détaille. |

Une date s’affiche au format **Court**, **Long** ou **Relatif**. **Court** est le format par défaut. Elle suit la langue de la page : le format long écrit « 21 juin 2026 » sur une page française et « June 21, 2026 » sur une page anglaise. Un champ propose les formats de son type.

Le texte avant et après la valeur ne s’affiche que si la valeur s’affiche. Un contenu sans extrait n’affiche ni l’un ni l’autre.

Dans l’éditeur, la pastille montre le nom de la donnée et non sa valeur. Le même texte peut ainsi servir tous les contenus d’une liste, chacun avec sa valeur. Sur le site, chaque contenu affiche la sienne.

Dans une liste, la carte que vous modifiez garde les noms. Les autres cartes de l’aperçu montrent les valeurs de leur contenu, format et texte compris. Cliquez sur une autre carte pour la modifier à son tour.

**Attention :** Pour changer la valeur, modifiez le contenu : son titre, son extrait ou l’onglet **Données**. La pastille ne se modifie pas au clavier. Une sélection à cheval sur elle, suivie d’une frappe, la casse : reposez-la, la donnée n’est pas perdue.

### Mettre en forme une donnée

Sélectionnez la pastille et appliquez-lui un style de texte, un lien ou une langue, comme à des mots. Le panneau de la pastille a aussi son onglet **Styles** : couleurs, typographie et styles enregistrés. La mise en forme s’applique à la valeur affichée sur le site.

## Lier un texte au contenu

Dans la carte d’une liste, un texte ou un bouton peut mener au contenu de la carte. Le titre d’une carte neuve y mène déjà.

1. Sélectionnez le texte et appliquez un lien, ou ouvrez le panneau **Lien** d’un bloc, comme un bouton « Lire la suite ».
2. Cliquez dans le champ du lien vide. **Lien vers la publication** est la première proposition, marquée **Carte**.
3. Choisissez-la. Chaque carte mène à son propre contenu.

Hors d’une carte, **Lien vers la publication** n’est pas proposé. Un tel lien s’ouvre toujours comme une page, jamais en fenêtre superposée.

Si le type du contenu n’a pas de page, le lien disparaît : ses mots restent et un bouton garde son apparence. Un titre qui affiche une donnée n’a pas d’ancre : le sommaire et le fil d’Ariane le laissent de côté.

## Marquer une date écrite dans un texte

Vous écrivez « le 7 juillet » et voulez que les moteurs de recherche sachent de quel jour il s’agit.

1. Sélectionnez les mots de la date.
2. Cliquez sur **Donnée**. Vos mots restent et le panneau s’ouvre sur **Une date écrite dans le texte**.
3. Dans **Jour**, choisissez le jour.

Un visiteur lit vos mots, un moteur de recherche lit le jour. Tant que vous gardez le texte écrit pour le jour choisi, il change avec le jour. Dès que vous le retouchez, il reste le vôtre.

Dans l’éditeur, une date écrite se reconnaît à son soulignement pointillé. Sur le site, rien ne la distingue. Elle se met en forme comme une donnée et reçoit une ancre dans le panneau **Avancé**.

**Remarque :** Quel que soit leur affichage, les dates sont écrites dans une balise que lisent les moteurs de recherche. Cela vaut pour la date de publication, la date de modification, un champ de date et une date écrite dans un texte.

## Comprendre l’affichage d’une valeur vide

Un contenu tout juste créé depuis un modèle a souvent des champs vides. Sur le site, une donnée vide n’affiche rien : ni valeur, ni bloc vide, ni texte avant ou après. « Surface : » ne reste pas seul.

Zéro et Non sont des valeurs et s’affichent : un prix à 0, « Meublé : Non ».

## Voir aussi

- [Ajouter des champs à un type](https://lovelyrender.com/fr/documentation/champs-de-contenu/)
- [Lister et filtrer vos contenus](https://lovelyrender.com/fr/documentation/listes-de-contenus/)
- [Partir d’un modèle de contenu](https://lovelyrender.com/fr/documentation/modeles-de-contenu/)
- [Décider de l’apparence avec les gabarits](https://lovelyrender.com/fr/documentation/gabarits/)