LEÇON

25. Constructeur de thème (2) : articles, pages, archives, 404, recherche

L’en-tête et le pied de page sont en place. Reste tout ce que WordPress affiche « tout seul » avec le thème Hello, et qui ressemble à peu de chose : les articles, les listes d’articles, les résultats de recherche et la page d’erreur. Ce chapitre montre comment le Constructeur de thème habille ces contenus avec un seul modèle par famille, et comment Elementor choisit le bon modèle quand plusieurs correspondent.

En bref

Public: Utilisateurs d’Elementor Pro qui veulent publier des actualités ou des fiches sans dessiner chaque page à la main.
Enjeu: Passer de « je construis chaque page » à « je construis un gabarit, WordPress y verse le contenu ».
Idée clé: Un modèle de contenu est un moule : on le fait une fois, chaque article y coule.
Prérequis: Chapitres 01 (page vs article), 24 (Constructeur de thème et conditions).
Lecture: Environ 16 minutes (+ 40 minutes d’exercice).

25.1 — Pourquoi un artisan a besoin d’articles

Camille Roche n’a aucune envie de « tenir un blog ». Elle a pourtant trois bonnes raisons de publier régulièrement. Le chantier : un escalier livré à Besse, une cuisine posée à Murol, c’est exactement ce qu’un futur client veut voir. Le conseil : entretenir un plan de travail en chêne, traiter une terrasse. La saisonnalité : fermeture annuelle, salon de l’habitat, délais avant Noël. Chacun de ces contenus est un article WordPress, pas une page (chapitre 01) : daté, classé dans une catégorie, il apparaît automatiquement dans les listes.

Construire chaque article dans Elementor serait absurde : cinquante chantiers, cinquante mises en page à maintenir. On écrit les articles dans l’éditeur de blocs de WordPress (titre, texte, image mise en avant, catégorie) et un modèle de Publication unique les habille. Avant de commencer, créez dans Articles › Catégories les catégories « Chantiers », « Conseils » et « Actualités », et désignez dans Réglages › Lecture une page « Actualités » comme Page des articles.

Définition

Archive — dans WordPress, toute page qui liste plusieurs contenus selon un critère : la page des articles, une catégorie, une étiquette, un auteur, un mois, les résultats d’une recherche. Une archive n’a pas de contenu propre : elle affiche une liste que WordPress calcule au moment de la visite, ce que l’on appelle la requête (query).

25.2 — Les widgets qui affichent « le contenu en cours »

Dans un modèle de contenu, on ne tape pas de titre : on pose un widget qui affichera le titre de l’article que le visiteur est en train de lire. Elementor Pro fournit une famille de widgets que le Centre d’aide appelle Theme elements, rangés dans les catégories Site et Publication (Single). Pro n’étant pas intégralement traduit, le tableau donne l’anglais officiel et une traduction prudente.

Widget	Ce qu’il affiche	Réglage qui compte
Titre de publication (Post Title)	Le titre de l’article ou de la page en cours.	La balise : H1 dans un modèle d’article.
Image mise en avant (Featured Image)	L’image « mise en avant » définie dans WordPress.	La résolution et la hauteur.
Infos de publication (Post Info)	Date, auteur, catégories, commentaires, avec icônes.	Les métadonnées à garder : date et catégorie suffisent.
Contenu de publication (Post Content)	Le corps de l’article écrit dans WordPress.	Obligatoire dans un modèle d’article, sinon le texte n’apparaît pas.
Extrait de publication (Post Excerpt)	Le résumé saisi dans WordPress, ou les premiers mots du texte.	Surtout utile dans les listes (chapitre 27).
Boîte auteur (Author Box)	Photo, nom et biographie de l’auteur.	Facultatif pour une entreprise de deux personnes.
Navigation de publication (Post Navigation)	Liens vers l’article précédent et le suivant.	« Dans le même terme » pour rester dans la catégorie.
Commentaires de publication (Post Comments)	Formulaire et liste des commentaires.	À omettre si les commentaires sont fermés.
Titre de page (Page Title)	Le titre d’une page WordPress.	Pour le modèle Page individuelle.
Titre d’archive (Archive Title)	Le nom de la catégorie, de l’auteur, ou « Résultats pour… ».	La balise H1 ; le préfixe.
Publications d’archive (Archive Posts) ou Loop Grid en « requête actuelle »	La liste calculée par WordPress pour l’archive en cours.	Les colonnes et le message « Aucun résultat ».
Formulaire de recherche (Search Form)	Un champ de recherche du site.	Son habillage (classique, minimal, plein écran).

Tous ces widgets ont un contenu dynamique : il vient de WordPress au moment de l’affichage et change d’un article à l’autre. Le chapitre 26 généralise ce principe à n’importe quel champ.

Elementor Pro

Les modèles Publication unique, Page individuelle, Archive, Résultats de recherche et Erreur 404, comme les widgets de ce tableau, sont inclus dès le plan Essential (60 $ par an hors taxes, au 6 septembre 2026). Le widget Breadcrumbs (fil d’Ariane) s’appuie sur une extension SEO tierce pour produire le chemin (historiquement Yoast SEO, cité en exemple) : sans elle, il reste vide.

25.3 — Le modèle Publication unique

Un modèle d’article tient en une colonne de lecture d’environ 720 px (chapitre 13) : un titre, une image, quelques informations, le texte, une navigation.

Créez la partie. Dans Elementor › Constructeur de thème, choisissez Publication unique puis Add New. Nommez le modèle Article standard.
Choisissez un article d’aperçu. Un modèle vide n’a rien à afficher : ouvrez les Réglages de page (engrenage, ou Ctrl+Shift+Y ; Cmd sur Mac), section Réglages d’aperçu (Preview Settings), et demandez à prévisualiser le contenu dynamique comme un article (Post) en choisissant « Escalier en chêne à Besse ». Validez par Apply & Preview : la toile affiche de vraies données.
Posez la structure. Un Flexbox extérieur en balise Section, marge interne 80 px haut et bas, contenant un Flexbox en balise Article, direction colonne, largeur 100 %, largeur maximale 760 px, écart 24 px.
Ajoutez les widgets. Dans l’ordre : Post Info (date et catégorie), Post Title en H1, Featured Image, Post Content, Post Navigation.
Stylez avec le système du site. Playfair Display sur le Titre de publication, la police de corps sur le contenu ; vérifiez dans Réglages du site › Styles du thème › Typographie (chapitre 19) le style des H2 et H3 rédigés dans WordPress, car le Contenu de publication ne règle pas chaque niveau.
Ajoutez un appel à l’action. Sous la navigation, le composant « Appel à devis » du chapitre 22.
Publiez avec la condition. Publier, puis Include › Singular › Posts (tous les articles), Save & Close.

Astuce

Changez d’article d’aperçu plusieurs fois avant de publier : titre court, titre sur deux lignes, article sans image mise en avant. Un modèle qui ne tient que sur un exemple parfait cassera au troisième chantier. Le chapitre 26 explique la valeur de repli quand une donnée manque.

Piège classique

Ne construisez jamais un article lui-même dans Elementor quand un modèle Publication unique existe : le Contenu de publication afficherait la mise en page Elementor de l’article à l’intérieur du modèle, avec des marges doublées et un second H1. Les articles s’écrivent dans WordPress ; Elementor ne fait que l’habillage.

25.4 — Le modèle Page individuelle

Toutes les pages ne méritent pas d’être dessinées dans Elementor. Mentions légales, politique de confidentialité, page « Recrutement » : elles sont plus vite faites dans l’éditeur de blocs. Sans modèle, Hello les affiche brutes, sans marge ni largeur de lecture. Le modèle Page individuelle (Single Page) règle cela avec deux widgets, Page Title et Post Content, dans la même colonne de 760 px. Sa condition : Include › Singular › Pages.

Les pages construites dans Elementor passent, elles aussi, par ce modèle : leur mise en page est rendue à l’endroit du Contenu de publication, sous un titre H1 automatique dont on ne veut pas sur la page d’accueil. Le plus simple est de réserver le modèle aux pages écrites dans WordPress, en n’incluant que celles-là (Include › Singular › Pages › Mentions légales, et ainsi de suite). Les pages en Canevas Elementor ignorent ce modèle comme elles ignorent l’en-tête.

25.5 — Archive et résultats de recherche

Le modèle Archive habille toutes les listes : page des articles, catégories, étiquettes, auteurs, dates. Deux widgets suffisent : Archive Title en H1, qui affichera « Chantiers » sur la catégorie Chantiers et « Actualités » sur la page des articles, et une liste. Pour la liste, Archive Posts, l’ancien widget aux dispositions prédéfinies, ou le Loop Grid, plus souple, dont la source doit être réglée sur Current Query (requête actuelle) : WordPress décide alors du contenu, le modèle de la forme (chapitre 27). Condition : Include › Archives › All Archives.

La page de résultats de recherche est une archive dont la liste dépend des mots tapés. On la traite dans le même modèle Archive ou dans une partie Résultats de recherche dédiée, condition Include › Archives › Search Results, avec trois éléments : le Titre d’archive (« Résultats pour : escalier »), un Search Form pour relancer, et la liste en requête actuelle, dont le message « Aucun résultat » doit être rédigé avec soin : « Rien trouvé pour ce mot. Essayez « escalier », « cuisine », ou contactez-nous. »

À savoir

La recherche WordPress cherche dans les titres et les textes, pas dans les images ni dans les PDF. Pour être trouvée sur « escalier quart tournant », la Menuiserie Roche doit avoir écrit ces mots quelque part : un argument de plus pour de vrais articles de chantier.

25.6 — La page Erreur 404

Quand un visiteur suit un lien cassé, WordPress répond par une page « introuvable », dite 404 (le code d’erreur renvoyé par le serveur). Avec Hello, elle est vide et froide. La partie Erreur 404 permet d’y mettre un message humain et des portes de sortie : un Titre H1 sobre (« Cette page n’existe pas, ou plus »), un Paragraphe qui rassure (« Nos réalisations et nos coordonnées sont toujours là »), un Search Form, et deux ou trois Boutons vers l’accueil, les réalisations et le contact. Condition : Include › Singular › 404 Page. Testez-la en tapant une adresse fantaisiste, par exemple menuiserie-roche.fr/escalier-volant. Une page 404 ne nuit pas au référencement tant qu’elle est rare ; si elle devient fréquente après une refonte, ce sont des redirections qu’il faut mettre en place (chapitre 34).

25.7 — Quand plusieurs modèles correspondent

Un article de la catégorie Chantiers est à la fois « un contenu unique », « un article » et « un article de la catégorie Chantiers ». Si trois modèles Publication unique portent ces trois conditions, lequel s’applique ? La règle d’Elementor est constante : le modèle dont la condition est la plus spécifique gagne. Une catégorie précise passe avant tous les articles, qui passent avant tous les contenus, qui passent avant « Tout le site » ; un article désigné nommément passe avant tout le reste.

Figure 25.1 — Priorité des modèles : pour un article de la catégorie Chantiers, « Fiche chantier » l’emporte sur « Article standard », qui l’emporte sur les modèles plus généraux.

Cette règle est une chance : on part d’un modèle général sur tous les articles, et l’on ajoute plus tard un modèle « Fiche chantier » réservé à la catégorie Chantiers, avec une grande photo et l’appel à devis, sans toucher au premier. Contrepartie : si deux modèles portent exactement la même condition, Elementor signale le conflit à la publication. Ne le laissez pas trancher : corrigez les conditions jusqu’à ce que chaque contenu n’ait qu’un modèle possible. Les cartes du Constructeur de thème, avec leurs points verts, sont l’endroit où faire cet inventaire.

Méthode

Pour un site vitrine d’artisan, cinq modèles suffisent, dans cet ordre : 1) Entête et Pied de page sur tout le site (chapitre 24) ; 2) Publication unique sur tous les articles ; 3) Page individuelle sur les pages écrites dans WordPress ; 4) Archive sur toutes les archives, recherche comprise ; 5) Erreur 404. Les modèles spécialisés viennent ensuite, quand le besoin est réel.

Exercice 25.1 — Le modèle d’article et la page 404 de la Menuiserie Roche 40 min

Objectif : habiller tous les articles avec un seul modèle et remplacer la page d’erreur du thème.

Dans WordPress, créez les catégories « Chantiers », « Conseils », « Actualités », puis deux articles de test avec image mise en avant : « Escalier en chêne à Besse » (Chantiers) et « Entretenir un plan de travail en bois » (Conseils). Créez la page « Actualités » et désignez-la comme Page des articles.
Créez le modèle Publication unique « Article standard » selon le pas-à-pas du paragraphe 25.3.
Prévisualisez-le avec chacun des deux articles (Réglages d’aperçu) et corrigez ce qui déborde.
Publiez avec Include › Singular › Posts. Ouvrez les deux articles sur le site : ils partagent le modèle.
Créez la partie Erreur 404 : titre, paragraphe rassurant, Search Form, trois boutons (Accueil, Réalisations, Contact). Publiez ; vérifiez avec une adresse inexistante.
Pour aller plus loin : dupliquez « Article standard » en « Fiche chantier » avec une image plus grande, condition Include › Singular › In Category › Chantiers, et vérifiez que seul l’article de Besse change d’habillage.

Résultat attendu : deux articles habillés par le même modèle, une page 404 accueillante et, en bonus, un article de chantier qui utilise un modèle plus spécifique sans que l’article de conseil soit touché.

À retenir

Les articles s’écrivent dans WordPress ; le modèle Publication unique les habille tous d’un coup avec des widgets dynamiques (Post Title, Featured Image, Post Info, Post Content, Post Navigation).
Le widget Contenu de publication est obligatoire dans un modèle d’article ou de page ; sans lui, le texte n’apparaît pas.
La Page individuelle sert aux pages écrites dans l’éditeur WordPress ; l’Archive habille les listes avec un Titre d’archive et une liste en « requête actuelle » ; les résultats de recherche et la page 404 méritent un message humain et des portes de sortie.
Les Réglages d’aperçu montrent le modèle avec un vrai contenu ; testez-le avec plusieurs articles avant de publier.
Quand plusieurs modèles correspondent, le plus spécifique gagne ; deux modèles à condition identique sont un conflit à corriger, pas à subir.