Créer une page de détail dynamique

Une page dynamique utilise un seul modèle pour présenter plusieurs fiches. Avec une adresse comme /carnet/[slug], chaque adresse complète ouvre la fiche correspondant à son slug : /carnet/pause-jardin pour le jardin, /carnet/marche-foret pour la forêt.

1. Préparer la collection et le modèle

Dans Données, préparez une collection avec un titre, un champ Slug et les contenus à afficher. Le slug est la courte partie d’adresse qui identifie une fiche. Préférez des valeurs simples et distinctes, comme pause-jardin et marche-foret. Deux fiches ayant le même slug ne permettent pas une identification claire.

Dans Design, préparez une page modèle et réglez son adresse sur /carnet/[slug]. Les crochets indiquent la partie variable. Vous créez une page modèle, pas une page copiée pour chaque fiche. Dans la démonstration, le design et les champs du modèle sont déjà préparés ; la vidéo montre sa connexion à la collection.

Les textes du modèle doivent lire les champs de la fiche, comme Titre et Introduction. Un texte fixe restera identique pour toutes les adresses. La connexion de la page ne transforme pas automatiquement tous les textes en données dynamiques. Un modèle de contenu déjà relié permet de commencer avec ces liaisons en place.

2. Connecter la page à la collection

Dans les pages du builder, ouvrez les paramètres de la page modèle. Dans Connecter des données, choisissez votre collection. Ici, il s’agit de Escapades Alma.

Cette connexion donne à la page le contexte d’une fiche. Elle est distincte d’une liste qui répète plusieurs cartes : la liste présente plusieurs fiches ensemble, la page de détail présente celle qui correspond à l’adresse visitée.

Les pages gérées par un module utilisent leur propre fonctionnement. Ne cherchez pas à remplacer leurs données par une collection depuis ces paramètres.

3. Associer la variable de l’adresse au bon champ

Dans Association de slug, associez la variable slug au champ Slug de la collection. Vous indiquez ainsi où chercher la valeur contenue dans l’adresse.

Associer slug au titre serait un autre choix de correspondance, souvent peu adapté : un titre peut contenir des espaces ou changer. Vérifiez la variable à gauche et le champ choisi à droite avant d’enregistrer.

Si votre adresse comporte plusieurs segments variables, chacun doit correspondre au champ prévu. Une mauvaise association peut laisser une adresse sans fiche, même si la collection contient bien des données.

4. Choisir une fiche pour travailler dans le builder

Dans Aperçu de la ligne, choisissez une entrée. Le modèle affiche son titre, son introduction et ses éléments conditionnels. Ce choix sert au travail dans l’éditeur ; ce n’est pas la fiche imposée à tous les visiteurs.

Dans la démonstration, choisir le jardin montre son conseil. La fiche de la forêt n’a pas de conseil. Le bloc conditionnel reste repérable dans le builder, mais ne doit pas apparaître sur sa page publiée. Comparez plusieurs entrées pour repérer les titres longs, les champs vides et les différences de mise en page.

Enregistrez et rechargez le builder pour vérifier que la collection, l’association de slug et le choix d’aperçu sont conservés.

5. Vérifier les adresses après publication

Publiez en prévisualisation, puis ouvrez les deux adresses complètes. Vérifiez que chacune affiche la bonne fiche. Contrôlez le titre, les paragraphes, les blocs conditionnels et la lisibilité sur téléphone.

Testez aussi une adresse qui ne correspond à aucune fiche. Elle ne doit pas afficher une autre fiche au hasard. Ne confondez pas une adresse inconnue avec le modèle /carnet/[slug], qui n’est pas une adresse à transmettre à vos visiteurs.

Une modification du modèle demande une nouvelle publication. Une modification des contenus enregistrés de la collection est lue au chargement par une page reliée ; vérifiez le résultat réel avant d’annoncer la mise à jour. Si vous changez un slug déjà utilisé, prévoyez la continuité des anciens liens.

Renseignez aussi les paramètres de partage et de référencement de votre modèle, puis contrôlez le résultat de chaque adresse. La présence d’une page dynamique ne garantit pas à elle seule des titres et descriptions adaptés à chaque fiche.