Les thèmes block (Full Site Editing) transforment la manière de construire un site WordPress : en-tête, pied de page, navigation et modèles sont éditables avec des blocs, directement dans l’éditeur de site. Résultat attendu : plus de cohérence, moins de bricolage, et une maintenance plus simple si la structure est bien posée dès le départ.
Approche adaptée aux PME en Suisse romande (Vaud, Genève, Fribourg, Valais, Neuchâtel, Jura), notamment quand le site doit évoluer régulièrement (nouvelles pages, offres, sections, FAQ, blog) sans retoucher du code à chaque modification.
Sources officielles : WordPress.org (Block themes), WordPress.org (Site Editor), WordPress.org (Template Editor), WordPress.org (Template Part block), Developer WordPress (Introduction à theme.json), Developer WordPress (Référence theme.json), Developer WordPress (Templates), Developer WordPress (Template parts), Developer WordPress (Block style variations).
1) Thème block : ce que cela change vraiment
Un thème block utilise des blocs pour toutes les zones du site, y compris l’en-tête, le contenu et le pied de page. L’éditeur de site permet alors de modifier des modèles (templates) et des parties réutilisables (template parts) sans passer par un constructeur externe.
- Modèles : structure de pages (page, article, archives, 404, etc.).
- Template parts : sections globales réutilisables (Header, Footer, Sidebar, etc.).
- Patterns : sections prêtes à insérer (hero, témoignages, FAQ, grille de services).
- Styles globaux : réglages centralisés via theme.json et l’interface de styles.
2) Modèles et template parts : structurer avant de décorer
La base d’un site stable, c’est une architecture claire :
- 1 modèle « Page » propre pour les pages standard (Services, À propos, Contact).
- 1 modèle « Article » lisible (titres, sommaire éventuel, auteur, date, CTA).
- 1 template part « Header » (navigation, bouton de contact, éventuellement un CTA).
- 1 template part « Footer » (coordonnées, liens légaux, accès aux préférences cookies, réseaux si utiles).
Conseil pratique : éviter de créer 15 variations d’en-têtes. Mieux vaut 1 en-tête principal et, si nécessaire, un second en-tête plus simple pour des pages spécifiques (landing, campagne), afin de garder une maintenance raisonnable.
3) theme.json : le levier propre pour la cohérence (et pour réduire les surprises)
theme.json est un fichier de configuration qui permet de définir des réglages et des styles globaux. Il fonctionne avec les thèmes block et peut aussi être utilisé avec des thèmes classiques qui le supportent. Bien utilisé, il évite des CSS dispersés et facilite la cohérence sur tout le site.
- Typographie : tailles, familles, cohérence des titres et du texte.
- Couleurs : palette contrôlée, boutons et liens homogènes.
- Espacements : marges et padding stables (moins de pages qui « cassent »).
- Réglages éditeur : ce qui est autorisé ou non dans l’éditeur (moins d’écarts de style).
4) Variations : deux notions à ne pas confondre
Le mot « variation » existe à plusieurs endroits dans WordPress. Le point important : les « block style variations » ne sont pas la même chose que les variations de styles globaux. Les premières permettent d’offrir des styles alternatifs pour un bloc précis (ex. bouton « plein », bouton « contour »).
Bon usage : proposer 2 à 4 styles maximum par bloc clé (bouton, image, groupe, colonnes). Au-delà, l’équipe éditoriale hésite, et la cohérence se dégrade.
5) SEO + GEO : une structure qui sert le contenu, pas l’inverse
Un thème block bien structuré aide le SEO, car les modèles imposent une hiérarchie stable : titre principal, sections H2, blocs FAQ, CTA, et zones de preuve. Pour le GEO en Suisse romande, la meilleure option consiste souvent à :
- renforcer 1 page service principale (WordPress, WooCommerce, maintenance, SEO) ;
- ajouter une section « Zones desservies » avec cantons (VD, GE, FR, VS, NE, JU) et quelques villes représentatives (ex. Lausanne, Nyon, Genève, Fribourg, Sion, Neuchâtel, Delémont) ;
- décliner ensuite par articles de blog utiles (cas réels, checklists, guides), au lieu de multiplier des pages quasi identiques.
6) Mini checklist de migration depuis un thème classique
- Étape 1 : lister les modèles indispensables (Page, Article, Archives, 404) et les template parts (Header, Footer).
- Étape 2 : définir les styles globaux (typographies, couleurs, espacements) avant d’optimiser les pages.
- Étape 3 : convertir les sections répétitives en patterns (hero, témoignages, FAQ, bandeau contact).
- Étape 4 : vérifier 5 pages clés sur mobile (Accueil, Service, Article, Contact, éventuellement Produit si WooCommerce).
FAQ Thèmes block WordPress
Qu’est-ce qu’un thème block WordPress ?
Un thème block utilise des blocs pour toutes les parties du site, y compris l’en-tête, le contenu et le pied de page. Il est conçu pour fonctionner avec l’éditeur de site et l’édition de modèles.
Quelle est la différence entre un modèle et une template part ?
Un modèle (template) définit la structure d’un type de page (page, article, archive). Une template part est une section réutilisable (header, footer) insérée dans un ou plusieurs modèles.
A quoi sert theme.json ?
theme.json centralise des réglages et styles globaux (couleurs, typographies, espacements, options de l’éditeur). Cela améliore la cohérence et limite les écarts entre pages, surtout quand plusieurs personnes publient du contenu.
Est-ce que l’éditeur de site remplace un constructeur de pages ?
Pour beaucoup de sites vitrines, oui. Les patterns, les modèles et les styles globaux couvrent souvent les besoins. En cas de pages très spécifiques, l’important est de garder une base simple et maintenable, sans multiplier les outils.
Besoin d’un thème block propre, cohérent et maintenable sur la durée ?
Pour structurer modèles et template parts, cadrer theme.json, créer des patterns utiles et garder un rendu cohérent sur tout le site (y compris pour le SEO local en Suisse romande), contactez clickclick.ch.
