vendredi 25 septembre 2026

À propos

Contact

Thèmes

Twenty Twenty-Four : ce que le nouveau thème par défaut apporte aux agences

WordPress 6.4 arrive avec Twenty Twenty-Four. Analyse de sa bibliothèque de patterns, de ses variations et de ce qu'une agence peut réutiliser telle quelle.

Par Clément Hadrot • 30 novembre 2023 • 4 min de lecture • Aucun commentaire
Twenty Twenty-Four : ce que le nouveau thème par défaut apporte aux agences

WordPress 6.4, sorti ce mois-ci, introduit Twenty Twenty-Four comme thème par défaut. À la différence de ses prédécesseurs récents, ce thème ne cible pas un type de site précis : il propose une bibliothèque de patterns pensée pour plusieurs métiers-types — restaurant, portfolio, association, blog personnel — que l’on peut combiner librement. Pour une agence, cette approche change la façon d’aborder les avant-projets rapides.

Nous avons passé le thème au crible sur un cas concret : la maquette express d’un site vitrine pour un client indécis sur la structure de ses pages, réalisée en une demi-journée à partir des seuls patterns fournis.

Une bibliothèque de patterns organisée par intention

Twenty Twenty-Four fournit plus d’une trentaine de patterns, classés dans l’inserteur par catégories fonctionnelles plutôt que par simple ordre alphabétique : en-têtes, sections héros, grilles de témoignages, appels à l’action, pieds de page. Chaque catégorie propose plusieurs variantes visuelles, ce qui permet de composer une page complète sans écrire une seule ligne de code, uniquement en assemblant des patterns existants.

wp-content/themes/twentytwentyfour/patterns/
  hero-book-call.php
  hero-full-width.php
  team-images.php
  services-3-col.php
  footer-columns.php

Sur la maquette du client indécis, nous avons pu proposer trois versions de sa page d’accueil en changeant simplement de pattern héros et de grille de services, sans toucher au theme.json ni au CSS. Ce gain de rapidité sur l’avant-vente est concret : il permet de discuter de structure avec le client avant même d’entamer un développement sur-mesure.

Trois variations de style prêtes à l’emploi

Le thème embarque trois variations globales accessibles depuis le panneau Styles de l’éditeur : une variation par défaut, une variation plus sombre et contrastée, et une variation aux tons pastel. Chaque variation redéfinit la palette de couleurs et certains réglages de typographie via un fichier JSON dédié dans le dossier styles/, sans dupliquer la structure des templates.

L'essentiel à retenir : Une bibliothèque de patterns pensée pour plusieurs métiers types ; Trois variations de style prêtes à l'emploi ; Une structure de fichiers réutilisable comme base de projet
wp-content/themes/twentytwentyfour/styles/
  variation-a.json
  variation-b.json
  variation-c.json

Pour une agence, ce mécanisme de variations est un excellent point de départ pour comprendre comment structurer ses propres jeux de styles alternatifs sur un thème maison, plutôt que de tout redévelopper depuis zéro.

Une structure de fichiers réutilisable en base de projet

Au-delà des patterns visuels, l’organisation interne de Twenty Twenty-Four illustre des conventions solides pour un thème bloc de production : séparation claire entre templates/, parts/, patterns/ et styles/, fichiers de patterns commentés avec leurs métadonnées (Title, Slug, Categories) en en-tête PHP, et un theme.json qui active largement appearanceTools plutôt que de tout déclarer manuellement.

Élément du thèmeIntérêt pour une base de projet agence
Organisation des dossiersConvention claire à reprendre telle quelle
Métadonnées des patternsModèle pour classer ses propres patterns dans l’inserteur
Variations de stylesBase pour proposer plusieurs univers visuels sans dupliquer les templates

Sur nos projets internes, nous avons commencé à extraire certains patterns de Twenty Twenty-Four — notamment la grille de témoignages et le pied de page à colonnes — comme point de départ que nous adaptons ensuite à l’identité visuelle du client, plutôt que de les écrire depuis une page blanche.

Limites pour un usage tel quel

Utiliser Twenty Twenty-Four sans personnalisation reste risqué pour un projet client facturé : le thème est visible sur un grand nombre d’installations WordPress par défaut, et un site qui en reprend l’apparence sans retouche sera vite reconnaissable. Notre usage reste donc celui d’une base technique et d’une source d’inspiration structurelle, jamais d’un thème livré à l’identique.

Le plus grand service que rend Twenty Twenty-Four à une agence n’est pas visuel, c’est pédagogique : montrer à un client indécis, en quelques minutes, à quoi peut ressembler sa future page avec différentes structures, avant même d’avoir écrit une ligne de code sur-mesure.

En résumé

Twenty Twenty-Four n’est pas pensé comme un thème de démonstration technique, mais comme une boîte à outils de patterns et de variations directement exploitable. Pour une agence, il sert moins de thème final que de base de réflexion rapide en avant-projet et de référence de conventions pour structurer ses propres thèmes blocs maison.

Partager :

À propos de l'auteur

Clément Hadrot

Développeur WordPress, passionné par Elementor, le FSE et l’automatisation par IA.

Voir tous ses articles

Dans la même veine

À lire aussi