Les thèmes block (Full Site Editing) transforment la manière de construire un site WordPress : au lieu de dépendre d’options dispersées et de réglages techniques, une grande partie de la structure et du design se pilote dans l’éditeur du site (Site Editor). Pour une PME en Suisse romande, l’intérêt est concret : pages plus cohérentes, retouches plus rapides, et maintenance plus propre, que l’activité soit à Lausanne et Nyon (Vaud), Genève et Carouge (Genève), Fribourg et Bulle (Fribourg), Sion et Martigny (Valais), Neuchâtel ou Delémont (Jura).
Sources officielles : WordPress.org (Site Editor), WordPress.org (Patterns), Developer.WordPress.org (Global Settings and Styles), Developer.WordPress.org (Introduction a theme.json), Developer.WordPress.org (Templates), Developer.WordPress.org (Theme.json reference), Make WordPress Core (6.9 Frontend Performance Field Guide).
1) Ce que change un theme block (sans jargon)
- Vous editez le site (header, footer, gabarits) depuis Apparence > Editeur.
- Vous reutilisez des blocs via des patterns (sections prêtes a l’emploi).
- Vous cadrez le design via
theme.json(typographies, couleurs, espacements) au lieu d’empiler des réglages partout.
WordPress documente l’acces au Site Editor et la navigation entre templates, template parts et patterns. L’idee est de centraliser ce qui fait la structure, et de garder les pages orientées contenu.
2) Templates, template parts, patterns : comment s’y retrouver
Trois briques, trois usages :
- Templates : la structure d’une page (ex. page service, article, archive blog).
- Template parts : des morceaux reutilisables (header, footer, barre d’annonce).
- Patterns : des sections prêtes (hero, grille de services, FAQ, bandeau CTA) a inserer dans une page ou un template.
Avec cette logique, une page « Service » peut rester très simple : titre, preuve, contenu, FAQ, appel a l’action. La mise en page globale reste gérée au niveau du template.
3) theme.json : la piece qui stabilise le design
theme.json permet de définir des réglages et styles globaux (couleurs, typographies, espacements, styles par bloc). WordPress explique que ce fichier sert a configurer l’experience de l’editeur et les styles globaux, pour eviter des réglages incohérents page par page.
Exemples de decisions utiles dans theme.json :
- Limiter les tailles de police disponibles (moins de chaos dans Gutenberg).
- Définir des couleurs de marque et des variantes (CTA, liens, fonds).
- Encadrer les espacements pour un rendu régulier sur mobile.
4) Performance : pourquoi les themes block peuvent aider
Quand le design est porté par les styles globaux (theme.json) et les styles par bloc, un theme block peut parfois se passer de grosse feuille CSS dédiée. Make WordPress Core explique que certains themes block n’embarquent meme pas de CSS en fichier, ce qui peut réduire des ressources bloquantes et aider des indicateurs comme le LCP. Cela ne dispense pas d’optimiser images, scripts et plugins, mais la base est souvent plus saine.
5) Methode simple pour une PME : 6 etapes (2 a 4 heures)
- 1 Choisir un theme block maintenu et sobre (priorité : lisibilité, mobile, performance).
- 2 Définir le style global (polices, couleurs, espacements) avant de produire 20 pages.
- 3 Créer 2 templates : « Page service » et « Page standard ».
- 4 Créer 5 patterns : Hero, Preuves, Grille services, FAQ, CTA.
- 5 Appliquer la meme structure sur les pages locales (Vaud, Genève, Fribourg, Valais, Neuchâtel, Jura) en variant les preuves et cas concrets pour éviter le contenu dupliqué.
- 6 Tester : mobile, formulaire, et vitesse perçue sur 2 pages clés.
FAQ Themes block WordPress (Suisse romande)
Un theme block remplace-t-il un builder ?
Souvent, oui pour beaucoup de besoins. Le Site Editor, les templates et les patterns couvrent la plupart des mises en page standards. Pour des besoins très spécifiques, un theme hybride peut aussi faire sens, selon la documentation WordPress pour ajouter des fonctions block a un theme classique.
Peut-on garder un theme existant et passer progressivement au mode block ?
Oui, via des approches hybrides (selon votre theme et vos contraintes). L’important est d’eviter un mélange non maîtrisé : structure d’un côté, styles globaux de l’autre, et réglages partout.
Comment éviter que l’equipe modifie le design par erreur dans Gutenberg ?
En cadrant les options via theme.json (palettes, tailles, espacements) et en proposant des patterns validés. Moins d’options, plus de cohérence.
Est-ce pertinent pour le SEO local (Vaud, Genève, Valais, Neuchâtel) ?
Oui, si cela aide a publier plus vite des pages utiles et coherentes, avec une structure stable (titres, FAQ, preuves, CTA) et un maillage interne propre. Le theme ne fait pas le SEO a lui seul, mais il évite beaucoup de désordre.
Besoin d’un theme block propre, coherent et maintenable ?
Pour cadrer templates, patterns et styles globaux, stabiliser la mise en page sur mobile, et garder un WordPress facile a faire évoluer, contactez clickclick.ch.
