3.2 · Modèles d'article & d'archive (Single)

Niveau 3 · Avancé : Elementor Pro & Theme Builder

3.2Modèles d'article & d'archive (Single)

Objectif : concevoir les gabarits d'article unique (Single) et de pages d'archive avec le Theme Builder et le contenu dynamique.
Temps estimé : 14 min · lecture autonome · Si vous n'avez que 5 min : lisez « L'essentiel en 30s » + le schéma.

L'essentiel en 30 secondes

  • Le modèle Single définit la mise en page d'un article/contenu unique (appliquée à tous).
  • Le modèle d'archive définit l'affichage des pages qui listent des articles (blog, catégories).
  • Le contenu dynamique affiche automatiquement les données de chaque article (titre, image, date…).

Mini-cas filé — Nadia ouvre un blog

Le menuisier veut partager des conseils (entretien du bois, tendances). Plutôt que de mettre en page chaque article à la main, Nadia conçoit un gabarit d'article (titre, image à la une, contenu, date) et un gabarit de liste. Le contenu dynamique remplit automatiquement chaque article avec ses propres données.

Suite de 3.1 — après les parties globales, le contenu répétitif.

1. Single et archive

Le modèle Single (article/contenu unique) est la mise en page conçue dans Elementor Pro pour l'affichage d'un article : disposition du titre, de l'image à la une, du contenu, de la date, de l'auteur. On le dessine une fois, il s'applique à tous les articles. Le modèle d'archive définit les pages qui listent des articles (page de blog, catégories, résultats) : grille ou liste de cartes.

Nadia crée un Single élégant (image à la une + titre + contenu + date) et une archive en grille de cartes.

2. Contenu dynamique et conditions

La clé : le contenu dynamique. Dans le gabarit, on ne tape pas un titre fixe, on insère le champ « Titre de l'article », « Image à la une », « Date »… Le modèle affiche alors automatiquement les données de chaque article.

Comme pour l'en-tête, les conditions d'affichage précisent la portée : le Single à tous les articles, l'archive aux pages de liste. Résultat : écrire un nouvel article suffit, sa mise en page est automatique.

Erreur d'interprétation fréquente : « il faut mettre en page chaque article un par un ». Non : on conçoit UN gabarit Single avec du contenu dynamique, appliqué à tous les articles. Écrire l'article suffit ; la mise en page est automatique.
Un gabarit dynamique pour tous les articles Un modèle Single avec champs dynamiques (titre, image, date) applique la même mise en page à chaque article. Gabarit SingleChamps dynamiques → Chaque articleRemplit ses données + Archive (liste)Grille de cartes Écrire l'article suffit : la mise en page est automatique.
Un gabarit + contenu dynamique = mise en page automatique de tous les articles.
Version texte du schéma (SEO / lecteurs d'écran / traduction) : Modèle Single : la mise en page d'un article, conçue une fois, appliquée à tous. Modèle archive : l'affichage des pages qui listent les articles (grille/liste). Le contenu dynamique insère des champs (titre, image à la une, date) remplis automatiquement par chaque article. Conditions d'affichage pour la portée. Leçon : écrire l'article suffit.

🔎 Exemple concret — Blog du menuisier (cas Nadia)

Gabarit Single : [Image à la une] + [Titre dynamique] + [Contenu] + [Date]
  → condition : tous les articles.
Gabarit Archive : grille de cartes (image + titre + extrait)
  → condition : pages de blog/catégories.
→ Nouvel article « Entretenir le chêne » : mise en page automatique.

Résultat : un blog cohérent sans mise en page manuelle.

Leçon : contenu dynamique = un gabarit pour tout.

Vocabulaire de la section

Modèle Single
La mise en page d'un article/contenu unique, conçue une fois, appliquée à tous.

Exemple simple : image à la une + titre + contenu + date.

Ce que ce n'est pas : mettre en page chaque article séparément.

Réflexe : un gabarit Single pour tout le contenu du même type.

Modèle d'archive
L'affichage des pages qui listent des articles (blog, catégories).

Exemple simple : grille de cartes « image + titre + extrait ».

Ce que ce n'est pas : laisser la liste d'articles au style par défaut du thème.

Réflexe : page de liste → gabarit d'archive.

Contenu dynamique
Des champs (titre, image, date…) remplis automatiquement par chaque article.

Exemple simple : insérer le champ « Titre de l'article » plutôt qu'un texte fixe.

Ce que ce n'est pas : taper un titre en dur dans le gabarit.

Réflexe : dans un gabarit, insérer des champs, pas du texte fixe.

Un modèle pour tout le contenu
Concevoir un seul gabarit appliqué automatiquement à tous les articles.

Exemple simple : tous les articles partagent le même Single.

Ce que ce n'est pas : recréer la mise en page à chaque article.

Réflexe : une fois le gabarit prêt, écrire l'article suffit.

Conditions d'affichage (contenu)
Où chaque modèle s'applique : Single à tous les articles, archive aux pages de liste.

Exemple simple : Single → tous les posts ; archive → blog/catégories.

Ce que ce n'est pas : oublier la condition (le gabarit ne s'applique pas).

Réflexe : chaque gabarit a sa condition.

En pratique — Concevoir un blog automatisé

  1. Créez un modèle Single : insérez les champs dynamiques (titre, image à la une, contenu, date).
  2. Donnez-lui la condition « tous les articles ».
  3. Créez un modèle d'archive en grille de cartes et appliquez-le aux pages de liste.
  4. Publiez un article de test et vérifiez que sa mise en page est automatique.
Vous avez un blog cohérent où écrire un article suffit : sa mise en page et sa liste sont automatiques.

Script prêt à dire — expliquer le blog automatisé (20 s)

« J'ai conçu une mise en page type pour vos articles. Désormais, vous écrivez simplement votre conseil et ajoutez une photo : l'article se met en forme tout seul, et apparaît automatiquement dans la liste du blog. Pas besoin de refaire la mise en page à chaque fois. »

Rassurer : écrire ≠ mettre en page ; tout est automatique.

Modèle copier-coller — check gabarits de contenu

GABARIT SINGLE : champs = titre ___ image à la une ___ contenu ___ date ___
  CONDITION : tous les articles / type : ___
GABARIT ARCHIVE : grille / liste, carte = image + titre + extrait
  CONDITION : page de blog / catégories : ___
ARTICLE DE TEST PUBLIÉ + VÉRIFIÉ : oui / non

Blog conseils

Single sobre (image + titre + texte + date) ; archive en grille.

Portfolio

Archive type galerie de réalisations ; Single orienté visuel.

Catégories

Conditions par catégorie si une rubrique mérite un affichage différent.

Mobile

Gabarits testés sur mobile (image à la une et titres lisibles).

✓ Bonnes pratiques

  • Insérer des champs dynamiques, pas du texte fixe.
  • Donner une condition à chaque gabarit.
  • Tester avec un article réel.

✗ Pièges fréquents

  • Mettre en page chaque article à la main.
  • Taper un titre en dur dans le gabarit.
  • Oublier la condition d'affichage.

Points clés à retenir

  • Single = gabarit d'un article, appliqué à tous.
  • Archive = affichage des listes d'articles.
  • Contenu dynamique = champs remplis automatiquement.
  • Conditions d'affichage pour la portée.

Défi 48h — appliquez demain

Avec Pro, concevez un gabarit Single avec champs dynamiques (titre, image à la une, contenu, date), appliqué à tous les articles, puis publiez un article de test et vérifiez la mise en page automatique. 30 minutes.

Checklist sortie de section
  • Je conçois un gabarit Single dynamique.
  • Je crée un gabarit d'archive pour les listes.
  • Je vérifie avec un article réel.
Auto-évaluation 1-5 : écrire un article suffit (mise en page auto) ?mes gabarits utilisent bien le contenu dynamique ?

Questions fréquentes

Qu'est-ce que le contenu dynamique ?

Des champs (titre, image à la une, date, auteur…) insérés dans un gabarit, qui se remplissent automatiquement avec les données de chaque article. On conçoit la mise en page une fois pour tous.

Différence entre Single et archive ?

Le Single est la mise en page d'un article (une page de contenu) ; l'archive est l'affichage des pages qui listent plusieurs articles (blog, catégories).

Faut-il Pro pour cela ?

Oui : la conception de gabarits de contenu (Single, archive) et le contenu dynamique font partie d'Elementor Pro (Theme Builder).

Vérifiez votre compréhension — scénario

Le menuisier publiera régulièrement des conseils. Comment éviter de mettre en page chaque article ?

Ressources supplémentaires (optionnel, pour aller plus loin)

Examen du niveau 3Questions inédites et durcies pour valider vos acquis