Thème de blocs (Block Theme)

Définition : Un thème de blocs WordPress construit les modèles du site avec des blocs et des fichiers HTML spécialisés. Il permet notamment de personnaliser des zones globales depuis l’éditeur de site.

Terminologie

Nom technique : Thème de blocs (Block Theme)

Appellations : Block Theme, FSE Theme

À quoi cela sert, concrètement

Il donne une cohérence entre édition et affichage : en-tête, pied de page, modèles et palettes peuvent être gérés dans les interfaces du Site Editor sans modifier directement des templates PHP.

Fonctionnement détaillé

Les templates sont décrits par des commentaires de blocs dans des fichiers du répertoire templates. WordPress les interprète puis rend les blocs ; theme.json peut régler les styles mais n’est pas strictement obligatoire pour qualifier un thème de blocs.

Quand l’utiliser : contexte et choix techniques

Choisir un thème de blocs quand l’administration doit pouvoir adapter la structure visuelle du site avec les outils WordPress natifs. Prévoir un contrôle des permissions et une stratégie d’export des modifications faites dans l’éditeur.

Situation professionnelle réaliste

Une équipe modifie le pied de page commun de toutes ses pages dans l’éditeur de site, sans ouvrir le fichier footer.php.

Exemple pratique — HTML / balisage de blocs

Exemple pédagogique : adapter le nom du thème, les fichiers et les conditions à un environnement de développement. Il ne constitue pas une preuve d’exécution sur ATOOLPHA.

<!-- Fichier templates/index.html d’un thème à blocs. -->
<!-- wp:template-part {"slug":"header","area":"header"} /-->
<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-group">
  <!-- wp:post-title /-->
  <!-- wp:post-content /-->
</main>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","area":"footer"} /-->

Décryptage de l’exemple, étape par étape

Chaque instruction wp:… identifie un bloc et ses attributs. Le bloc template-part fait référence aux parties communes ; le groupe principal structure la zone de contenu. WordPress interprète le balisage au lieu de l’exécuter comme du PHP.

Résultat observable

Après activation d’un thème de blocs complet, le modèle index peut être sélectionné et rendu. Les parties header et footer doivent effectivement exister ou être fournies par le thème.

Exercice de vérification pratique

Dans un thème de démonstration, ouvrir templates/index.html et son équivalent dans l’éditeur de site. Modifier une copie d’un modèle et observer la priorité possible de la version enregistrée en base.

Pièges, limites et sécurité

Veiller à la structure des commentaires de blocs et aux régions sémantiques. Une modification enregistrée dans l’éditeur peut prendre le pas sur le fichier fourni par le thème.

Différences avec les notions voisines

Un thème de blocs n’est pas synonyme d’un site qui contient des blocs : les thèmes classiques savent aussi afficher des contenus Gutenberg.

Diagnostic avancé et cas de maintenance

Cas avancé : une correction apportée à templates/index.html ne modifie pas la page visible. Une version personnalisée du modèle a peut-être été sauvegardée dans la base WordPress via l’éditeur de site. Comparer le fichier d’origine et la version enregistrée, puis décider explicitement laquelle conserver.