3.2Modèles d'article & d'archive (Single & Archive)
Le Theme Builder (Pro) permet aussi de concevoir les MODÈLES de contenu du site : les MODÈLES D'ARTICLE (Single) et les MODÈLES D'ARCHIVE. C'est essentiel pour un BLOG ou un site de contenu. (1) Le MODÈLE SINGLE (article/page unique) : la mise en page appliquée à l'affichage d'UN article (ou d'un type de contenu) — comment s'affichent le titre, l'image à la une, la date, l'auteur, le contenu, les catégories, les commentaires… Au lieu de subir la mise en page d'article du thème, on la CONÇOIT dans Elementor : un modèle unique appliqué à TOUS les articles (ou à une catégorie). On y utilise du CONTENU DYNAMIQUE (niveau 4) : le modèle affiche automatiquement le titre, l'image, le contenu DE CHAQUE article. (2) Le MODÈLE D'ARCHIVE : la mise en page des pages qui LISTENT des articles (la page du blog, les pages de catégorie, de tag, les résultats de recherche…) — comment s'affiche la LISTE (grille de cartes d'articles, avec titre, extrait, image, lien…). On conçoit un modèle d'archive appliqué à ces listes.
La logique est PUISSANTE : on conçoit UN modèle, appliqué automatiquement à TOUT le contenu correspondant. Modifier le modèle Single met à jour l'affichage de TOUS les articles d'un coup. C'est ce qui permet un blog (ou un site de contenu) au design entièrement MAÎTRISÉ et COHÉRENT, sans concevoir chaque article individuellement. Comme pour l'en-tête, on définit les CONDITIONS D'AFFICHAGE (ce modèle Single s'applique à tous les articles, ou à une catégorie précise ; ce modèle d'archive s'applique à la page blog, ou à une catégorie…). Points importants. (1) Le MODÈLE SINGLE (Pro) conçoit la mise en page d'UN article/contenu (titre, image à la une, contenu, méta…), appliquée à TOUS les articles — via du CONTENU DYNAMIQUE (le modèle affiche automatiquement les données de chaque article). (2) Le MODÈLE D'ARCHIVE (Pro) conçoit la mise en page des LISTES d'articles (blog, catégories, recherche…) — la grille/liste de cartes. (3) On conçoit UN modèle appliqué automatiquement à tout le contenu correspondant (modifier le modèle = tous les articles/listes suivent) : design maîtrisé et cohérent. (4) On définit les CONDITIONS D'AFFICHAGE (à quels contenus s'applique chaque modèle). (5) C'est essentiel pour les BLOGS et sites de contenu. Maîtriser les modèles d'article et d'archive prolonge le Theme Builder : après l'en-tête/pied, on maîtrise l'affichage du CONTENU (articles, listes) — le site entier est designé dans Elementor. Les widgets Pro et le contenu dynamique enrichissent encore ces possibilités.
Vocabulaire de la section
- Modèle Single (article/contenu unique)
- La mise en page conçue dans Elementor (Pro) pour l'affichage d'UN article (titre, image à la une, date, auteur, contenu, catégories, commentaires…), appliquée à TOUS les articles via du contenu dynamique.
- Modèle d'archive
- La mise en page des pages qui LISTENT des articles (blog, catégories, tags, recherche) : la grille/liste de cartes d'articles (titre, extrait, image, lien). Conçue dans Elementor (Pro).
- Contenu dynamique (modèles)
- Le modèle affiche AUTOMATIQUEMENT les données DE CHAQUE article (son titre, son image, son contenu…) — un seul modèle sert pour tous les contenus (niveau 4).
- Un modèle pour tout le contenu
- On conçoit UN modèle appliqué automatiquement à tout le contenu correspondant : modifier le modèle met à jour TOUS les articles/listes d'un coup — design maîtrisé et cohérent.
- Conditions d'affichage (contenu)
- Où chaque modèle s'applique : le modèle Single à tous les articles ou à une catégorie précise ; le modèle d'archive à la page blog ou à une catégorie…
Comment concevoir l'apparence de TOUS les articles d'un blog avec un seul modèle ?
En pratique — Concevoir les modèles d'article et d'archive
- Créez un MODÈLE SINGLE (Theme Builder) : concevez la mise en page d'un article (titre, image à la une, contenu, méta) avec du CONTENU DYNAMIQUE (les données de chaque article).
- Créez un MODÈLE D'ARCHIVE : concevez la mise en page des LISTES d'articles (grille de cartes : titre, extrait, image, lien) pour le blog, les catégories, la recherche.
- Définissez les CONDITIONS D'AFFICHAGE (le modèle Single s'applique à tous les articles ou à une catégorie ; l'archive à la page blog ou à une catégorie).
- Publiez : tous les articles et listes adoptent vos modèles automatiquement ; modifier un modèle met à jour tout le contenu correspondant.
Points clés à retenir
- Le MODÈLE SINGLE (Pro, Theme Builder) conçoit la mise en page d'UN article/contenu (titre, image à la une, date, auteur, contenu, méta…), appliquée à TOUS les articles via du CONTENU DYNAMIQUE (le modèle affiche automatiquement les données de chaque article).
- Le MODÈLE D'ARCHIVE (Pro) conçoit la mise en page des pages qui LISTENT des articles (blog, catégories, tags, recherche) : la grille/liste de cartes (titre, extrait, image, lien).
- Logique PUISSANTE : on conçoit UN modèle appliqué AUTOMATIQUEMENT à tout le contenu correspondant — modifier le modèle met à jour TOUS les articles/listes d'un coup. Design maîtrisé et cohérent, sans concevoir chaque article.
- On définit les CONDITIONS D'AFFICHAGE (à quels contenus s'applique chaque modèle : tous les articles ou une catégorie ; la page blog ou une catégorie…). Essentiel pour les BLOGS et sites de contenu — le site entier est designé dans Elementor.
Questions fréquentes
Comment concevoir l'apparence de tous les articles d'un blog avec un seul modèle ?
On conçoit l'apparence de tous les articles avec un MODÈLE SINGLE (Theme Builder, Pro) qui utilise du CONTENU DYNAMIQUE : un seul modèle affiche automatiquement les données de chaque article, et modifier ce modèle met à jour tout le blog d'un coup. Le principe : (1) Sans Elementor Pro, l'apparence des articles de blog est gérée par le THÈME (mise en page imposée, peu personnalisable). Concevoir chaque article individuellement serait impossible (les articles sont créés au fil du temps). (2) Le MODÈLE SINGLE résout cela : on conçoit UNE mise en page type pour l'affichage d'un article, et Elementor l'applique automatiquement à TOUS les articles (ou à une catégorie), en y injectant les données propres à chaque article. Comment ça marche (le contenu dynamique) : (1) Dans le modèle Single, on ne met pas le contenu d'un article précis, mais des ÉLÉMENTS DYNAMIQUES qui afficheront les données DE L'ARTICLE affiché : le TITRE dynamique (affiche le titre de l'article courant), l'IMAGE À LA UNE dynamique, le CONTENU de l'article (le corps rédigé dans WordPress), la DATE, l'AUTEUR, les CATÉGORIES/tags, les commentaires… (2) Ainsi, le même modèle affiche l'article A avec ses données, l'article B avec les siennes, etc. — chaque article s'affiche avec sa mise en page (le modèle) et son contenu (dynamique). La démarche : (1) Créez un MODÈLE SINGLE dans le Theme Builder (type « Single Post » / article). (2) Construisez la mise en page avec des conteneurs et des widgets, en utilisant les widgets/champs DYNAMIQUES pour le contenu de l'article : widget Titre en dynamique (titre de l'article), widget Image à la une, widget Contenu de l'article (Post Content), widgets pour la date, l'auteur, les catégories, l'image à la une, les commentaires. (3) Stylisez le tout (typographie, couleurs, espacement — via vos globales pour la cohérence). (4) Définissez les CONDITIONS : ce modèle s'applique à « tous les articles » (ou à une catégorie précise si vous voulez des designs différents selon la catégorie). (5) Publiez : tous les articles concernés adoptent ce modèle. La puissance de l'approche : (1) Un seul modèle pour tout le blog : vous ne concevez pas chaque article, vous concevez le MODÈLE une fois, et tous les articles (existants et futurs) l'utilisent. (2) Mise à jour globale : modifiez le modèle Single (changer la disposition, ajouter un élément), et TOUS les articles se mettent à jour automatiquement. Cohérence et maintenance faciles. (3) Design MAÎTRISÉ : l'apparence des articles n'est plus subie (thème) mais entièrement conçue dans Elementor. (4) Cohérence garantie (tous les articles ont le même design de qualité). Les bonnes pratiques : (1) Utilisez les widgets/champs DYNAMIQUES (titre, image à la une, contenu, méta) — pas du contenu figé. (2) Prévoyez tous les éléments utiles d'un article (titre, image, contenu, date, auteur, catégories, navigation, commentaires, articles liés éventuels). (3) Appliquez vos globales (cohérence). (4) Soignez la LISIBILITÉ du contenu (typographie, largeur de lecture, espacement — un article se lit). (5) Vérifiez le RESPONSIVE (les articles se lisent beaucoup sur mobile). (6) Vous pouvez faire des modèles différents par catégorie (via les conditions) si besoin. Les pièges : (1) Mettre du contenu figé au lieu de dynamique (le modèle n'afficherait pas les données de chaque article). (2) Oublier des éléments (image à la une, méta). (3) Négliger la lisibilité (un article doit être agréable à lire). (4) Mauvaises conditions (le modèle ne s'applique pas aux bons articles). En résumé : concevez l'apparence de TOUS les articles d'un blog avec un MODÈLE SINGLE (Theme Builder, Pro) qui utilise du CONTENU DYNAMIQUE — vous construisez UNE mise en page type (conteneurs + widgets) où les éléments (titre, image à la une, contenu, date, auteur, catégories) sont DYNAMIQUES (ils affichent les données de l'article courant), puis vous définissez les CONDITIONS (tous les articles, ou une catégorie) et publiez. Le même modèle s'applique alors automatiquement à tous les articles (existants et futurs), chacun avec ses propres données. Modifier le modèle met à jour tout le blog d'un coup. Cela donne un blog au design entièrement MAÎTRISÉ et COHÉRENT, sans concevoir chaque article. Utilisez les champs dynamiques, prévoyez tous les éléments utiles, appliquez vos globales, soignez lisibilité et responsive. C'est l'une des grandes forces d'Elementor Pro pour les sites de contenu.
Quelle est la différence entre un modèle Single et un modèle d'archive ?
Le modèle SINGLE conçoit l'affichage d'UN article (la page d'un contenu), le modèle d'ARCHIVE conçoit l'affichage d'une LISTE d'articles (la page qui les recense) — deux modèles complémentaires pour un blog entièrement designé. Le modèle SINGLE : (1) Ce qu'il conçoit : la mise en page de l'affichage d'UN SEUL article (ou contenu) — la page qu'on voit quand on OUVRE un article. (2) Ce qu'il contient : les éléments d'UN article : le TITRE, l'IMAGE À LA UNE, le CONTENU (le corps de l'article), la DATE, l'AUTEUR, les CATÉGORIES/tags, les commentaires, la navigation entre articles, etc. — le tout en DYNAMIQUE (affiche les données de l'article courant). (3) Il s'applique à tous les articles (ou à une catégorie) : chaque article s'affiche selon ce modèle, avec ses propres données. (4) En bref : le modèle Single = « à quoi ressemble UN article quand on le lit ». Le modèle d'ARCHIVE : (1) Ce qu'il conçoit : la mise en page d'une page qui LISTE plusieurs articles — la page du BLOG, une page de CATÉGORIE, de TAG, les résultats de RECHERCHE. C'est la page qu'on voit AVANT d'ouvrir un article (la liste). (2) Ce qu'il contient : la présentation de la LISTE d'articles — typiquement une GRILLE ou une liste de CARTES, chaque carte affichant un aperçu d'un article (titre, extrait, image à la une, date, lien « lire la suite »). Plus la pagination, les filtres éventuels. (3) Il s'applique aux pages d'archive (blog, catégories, tags, recherche) : ces pages affichent la liste selon ce modèle. (4) En bref : le modèle d'archive = « à quoi ressemble la LISTE des articles ». La différence en une image : (1) Le modèle d'ARCHIVE, c'est la VITRINE (la liste des articles, sous forme de cartes) — ce qu'on parcourt pour choisir un article. (2) Le modèle SINGLE, c'est la PAGE de l'article (le contenu complet) — ce qu'on lit quand on a cliqué. (3) L'utilisateur passe de l'ARCHIVE (la liste) au SINGLE (l'article) en cliquant sur une carte. Comment ils fonctionnent ENSEMBLE (le parcours du blog) : (1) Le visiteur arrive sur la page BLOG ou une CATÉGORIE → il voit la LISTE d'articles (modèle d'ARCHIVE : grille de cartes). (2) Il clique sur un article → il voit l'ARTICLE complet (modèle SINGLE : titre, image, contenu…). (3) Les deux modèles, conçus dans le Theme Builder, donnent un blog entièrement designé (la liste ET les articles), cohérent. Les points communs : (1) Les deux se conçoivent dans le THEME BUILDER (Pro), visuellement (conteneurs/widgets). (2) Les deux utilisent du CONTENU DYNAMIQUE (afficher les données réelles des articles). (3) Les deux ont des CONDITIONS D'AFFICHAGE (à quels contenus/pages ils s'appliquent). (4) Les deux permettent de MAÎTRISER le design (au lieu de subir le thème) et de mettre à jour tout d'un coup. Les bonnes pratiques : (1) Concevez les DEUX pour un blog complet (la liste ET les articles). (2) COHÉRENCE entre eux et avec le reste du site (globales). (3) ARCHIVE : cartes claires et attractives (image, titre, extrait, lien), grille responsive. (4) SINGLE : lisibilité du contenu (typographie, largeur, espacement), tous les éléments utiles. (5) Responsive soigné (blog lu sur mobile). En résumé : le modèle SINGLE conçoit l'affichage d'UN article (la page complète qu'on lit : titre, image à la une, contenu, date, auteur, catégories — en dynamique), tandis que le modèle d'ARCHIVE conçoit l'affichage d'une LISTE d'articles (la page blog/catégorie/recherche : une grille de cartes présentant chaque article par un aperçu — titre, extrait, image, lien). En clair : l'ARCHIVE est la VITRINE (la liste qu'on parcourt), le SINGLE est la PAGE de l'article (le contenu qu'on lit après avoir cliqué). Les deux se conçoivent dans le Theme Builder (Pro), avec du contenu dynamique et des conditions d'affichage, et sont complémentaires : ensemble, ils donnent un blog entièrement designé et cohérent (la liste et les articles), maîtrisé dans Elementor plutôt que subi du thème. Concevez les deux pour un blog complet, en soignant les cartes de l'archive et la lisibilité des articles single.