Adopte ton plugin
Le blog indépendant des ressources WordPress
Accueil TutosExtensionsThèmesSécuritéPerformance & SEOBien démarrer À proposContact
Tutos · Extensions · Thèmes · Sécurité · Performance
Adopte ton plugin
Tutoriels, extensions, thèmes, sécurité, maintenance et performance : de quoi faire tourner ton site WordPress sans t'arracher les cheveux
Accueil › Thèmes et constructeurs › Thèmes blocs et éditeur de site : le guide pour s'y retrouver
Thèmes et constructeurs · Éditeur de site

Thèmes blocs et éditeur de site : le guide pour s'y retrouver

Thèmes blocs et éditeur de site : le guide pour s'y retrouver

Pendant longtemps, l’éditeur de blocs servait seulement à écrire les articles et les pages. Le reste du site (en-tête, pied de page, barre latérale, gabarit des archives) dépendait du thème et de ses réglages. Avec les thèmes blocs, tout le site se construit avec les mêmes blocs, dans un seul outil : l’éditeur de site. Si tu as un thème récent, comme Twenty Twenty-Five, tu l’utilises peut-être déjà sans le savoir.

Comment savoir si ton thème est un thème blocs

Va dans le menu Apparence. Si tu vois une entrée Éditeur et que l’entrée Personnaliser a disparu ou presque, ton thème est un thème blocs. Si tu vois Personnaliser, Widgets et Menus, c’est un thème classique. Certains thèmes sont « hybrides » : classiques, mais avec une partie des fonctions de l’éditeur de site, comme les compositions ou un fichier theme.json.

Les briques de l’éditeur de site

Les modèles

Un modèle définit la mise en page d’un type de contenu : la page d’accueil, un article seul, une page, les archives, les résultats de recherche, la page 404. Dans Apparence > Éditeur > Modèles, tu peux modifier chacun d’eux ou en créer de nouveaux, par exemple un modèle pour une catégorie précise ou une page sans barre latérale.

Les parties de modèle

L’en-tête et le pied de page sont des parties de modèle, partagées entre tous les modèles. Tu les modifies une fois, le changement s’applique partout. Le menu de navigation y vit sous forme de bloc Navigation.

Les compositions

Les compositions (patterns) sont des assemblages de blocs prêts à l’emploi : une section « appel à l’action », une grille de services, une bannière avec image. Tu peux les insérer dans n’importe quelle page et créer les tiennes. Une composition peut être synchronisée : la modifier à un endroit la modifie partout où elle est utilisée, pratique pour un encart de contact répété sur plusieurs pages.

Les styles globaux

Dans l’onglet Styles, tu règles la typographie, les couleurs, les espacements et l’apparence de chaque type de bloc pour tout le site. Beaucoup de thèmes blocs proposent plusieurs variations de style : un clic change toute la palette et les polices, sans toucher aux contenus.

Le fichier theme.json

En coulisses, ces réglages reposent sur un fichier theme.json placé à la racine du thème. Il déclare les couleurs, les tailles de police, les largeurs de contenu et les options autorisées dans l’éditeur. Tes modifications faites dans Styles sont enregistrées en base de données, par-dessus ce fichier. Pour un développeur, c’est l’endroit où fixer une charte et verrouiller ce que les rédacteurs peuvent changer. La documentation officielle sur les réglages et styles globaux en détaille la structure.

Thème blocs ou thème classique

Thème classiqueThème blocs
RéglagesApparence > PersonnaliserApparence > Éditeur > Styles
En-tête et pied de pageFichiers PHP du thème, options du thèmeParties de modèle modifiables en blocs
MenusApparence > MenusBloc Navigation
Barres latéralesWidgetsBlocs placés dans les modèles
Mise en page des archivesFichiers PHPModèles modifiables visuellement
Personnalisation avancéeThème enfant, code PHPtheme.json, compositions, thème enfant

Dans un thème classique, tu modifies le site avec des options prévues par l’auteur du thème. Dans un thème blocs, tu modifies directement la structure, sans dépendre d’une option. C’est plus libre, mais aussi plus facile de casser une mise en page si tu n’y prends pas garde.

Quand l’adopter

Un thème blocs est un bon choix si :

  • tu crées un nouveau site, vitrine ou blog, sans constructeur de pages ;
  • tu veux un site léger, sans extension de mise en page ;
  • tu veux modifier toi-même l’en-tête, le pied de page ou les modèles sans développeur ;
  • tu veux t’aligner sur la direction que prend WordPress.

Tu peux attendre si ton site actuel repose sur un constructeur comme Divi ou Elementor, sur un thème classique bien réglé qui te convient, ou sur des extensions qui ajoutent des zones de widgets propres au thème. Notre comparatif Divi, Elementor ou éditeur de blocs aide à peser ces options, et notre article thème gratuit ou premium passe en revue les autres familles de thèmes.

Les limites à connaître

  • La prise en main : la logique modèle, partie de modèle, composition demande un temps d’adaptation, surtout si tu viens d’un thème classique.
  • Les modifications enregistrées en base : quand tu modifies un modèle, ta version remplace celle du thème. Une mise à jour du thème ne l’écrasera pas, mais tu ne profiteras pas non plus de ses améliorations sur ce modèle. L’éditeur permet de revenir à la version d’origine si besoin.
  • La compatibilité des extensions : certaines extensions anciennes attendent des zones de widgets ou des emplacements de menu classiques et s’affichent mal.
  • Les fonctions avancées : certaines mises en page complexes demandent encore une extension de blocs ou un peu de code.

Avant de basculer

Change de thème sur une copie du site, jamais directement en production. Vérifie l’en-tête, le menu, les archives, la page 404 et le pied de page, puis teste l’affichage sur téléphone. Si tu dois ajouter du code personnalisé, crée un thème enfant : il fonctionne aussi avec les thèmes blocs et protège tes ajouts lors des mises à jour.

Cet article peut contenir des liens partenaires. Ils n'influencent jamais ce que nous écrivons.