Qu’est ce qu’un block theme WordPress (Full Site Editing) ?

Un block theme WordPress est un thème entièrement construit avec des blocs. Chaque template (en tête, pied de page, article, archive, 404, recherche) est stocké comme un fichier HTML dans les dossiers /templates et /parts du thème. Tout le site peut être édité visuellement dans le Site Editor sur /wp-admin/site-editor.php sans écrire de PHP. Les block themes ont été introduits avec WordPress 5.9 (janvier 2022) et nécessitent un fichier theme.json à la racine du thème qui définit les styles globaux (couleurs, typographie, espacements, layout) en JSON. Le premier block theme par défaut a été Twenty Twenty Two (janvier 2022), suivi par Twenty Twenty Three, Twenty Twenty Four et Twenty Twenty Five (janvier 2025). Full Site Editing (FSE) est le terme parapluie pour l’expérience d’édition des block themes : Site Editor, panneau de styles globaux, édition de templates, template parts, bloc de Navigation, bloc Query Loop et le répertoire de patterns sur wordpress.org/patterns. Les block themes cohabitent avec les thèmes classiques (basés sur PHP avec header.php, footer.php, functions.php et Customizer). Les deux fonctionnent sous WordPress 6.x, mais le développement neuf s’est déplacé vers les block themes depuis 2022.

Qu’est ce qui a changé dans WordPress 5.9 (janvier 2022) ?

• Le Site Editor remplace le Customizer pour les block themes.
• Les templates sont des fichiers HTML avec du markup de blocs (<!-- wp:paragraph -->), pas du PHP.
• Le nouveau fichier theme.json définit les styles globaux.
• Les zones de widgets sont remplacées par les template parts et le bloc de Navigation.
• Le bloc Query Loop remplace les boucles WP_Query personnalisées dans la plupart des cas.

Structure de fichiers d’un block theme

mon-theme/
  style.css
  theme.json
  functions.php
  templates/
    index.html
    single.html
    page.html
    archive.html
    404.html
    search.html
  parts/
    header.html
    footer.html
    sidebar.html
  patterns/
    hero.php
  assets/
    fonts/, images/, css/, js/

Que contrôle theme.json ?

• settings.color.palette : la palette de couleurs.
• settings.typography.fontFamilies : familles de polices avec font face embarqué. Depuis WordPress 6.5 (avril 2024) la Font Library installe les polices Google Fonts localement.
• settings.spacing : presets d’espacement.
• settings.layout : contentSize et wideSize.
• styles : styles par défaut globaux et par bloc.
• customTemplates : templates additionnels pour l’éditeur de pages.
• templateParts : déclare les parts disponibles.

Block theme contre thème classique

Thèmes hybrides et block template parts

Entre thèmes classiques et block themes complets existent les thèmes hybrides qui adoptent FSE par étapes : ajouter theme.json, utiliser block_template_part() ou inclure des templates HTML dans templates/ pour certaines routes tout en gardant du PHP pour les autres.

Patterns et le répertoire de patterns

Les patterns sont des layouts réutilisables. Depuis WordPress 6.0 (mai 2022), les thèmes peuvent livrer des patterns sous forme de fichiers PHP dans patterns/. Le répertoire wordpress.org/patterns contient plus de 600 patterns communautaires. Les patterns synchronisés (ex Reusable Blocks, renommés dans WordPress 6.3 août 2023) stockent une instance unique répercutée partout.

Block themes et performance

• WordPress ne charge les feuilles de styles que des blocs réellement utilisés sur une page (depuis WordPress 5.8 août 2021).
• theme.json génère un bloc CSS inline par page (5 à 15 KB).
• Les blocs de Navigation et Query Loop sont rendus côté serveur, sans JavaScript supplémentaire.
• Twenty Twenty Four atteint ~99 en PageSpeed Mobile en installation de base.

Block themes populaires en 2025

• Twenty Twenty Five : thème par défaut de WordPress 6.7 (novembre 2024).
• Twenty Twenty Four : thème polyvalent de janvier 2024.
• Blocksy, Kadence, Ollie, Frost, Spectra One, Inspiro.

Migrer d’un thème classique vers un block theme

1. Auditer le thème classique.
2. Choisir un block theme de base ou en générer un nouveau avec npx @wordpress/create-block-theme.
3. Migrer le design system dans theme.json.
4. Recréer les templates en templates/.
5. Recréer header et footer comme template parts.
6. Convertir les boucles PHP en bloc Query Loop ou en blocs dynamiques.
7. Tester en staging.

Ce que vérifie InspectWP

InspectWP détecte quel thème est actif, y compris les block themes, le thème parent et enfant et si le thème présente des problèmes de sécurité connus. Le rapport signale les thèmes obsolètes, les supports manquants et les signaux comme l’absence de theme.json sous WordPress 6.x qui suggèrent un thème classique.