2.2Personnalisateur & éditeur de site (FSE)
L'essentiel en 30 secondes
- Thème classique → Personnalisateur (Apparence → Personnaliser) : logo, couleurs, en-tête, widgets, avec aperçu direct.
- Thème de blocs → éditeur de site complet (FSE) : on édite l'en-tête, le pied de page et les modèles avec les blocs Gutenberg.
- Les styles globaux règlent couleurs et polices de tout le site en un seul endroit ; les parties de modèle s'éditent une fois et s'appliquent partout.
Mini-cas filé — aux couleurs de l'atelier
Samir veut appliquer l'identité visuelle de l'Atelier Bahja : un bleu profond, un sable chaud et une police sobre. Selon le thème retenu, l'outil diffère. Il doit aussi modifier l'en-tête pour y placer le logo et le menu, sans toucher au code. Cette section lui montre les deux mondes de personnalisation et les réflexes communs.
Suite du cas 2.1 — le thème est choisi, on l'adapte à la marque.
1. Personnalisateur ou FSE ?
Le Personnalisateur (Apparence → Personnaliser) équipe les thèmes classiques : un panneau latéral avec aperçu en direct permet de régler le logo, les couleurs, l'en-tête, les menus et les widgets. Chaque changement s'affiche immédiatement, puis on publie.
Les thèmes de blocs utilisent l'éditeur de site complet (FSE, Apparence → Éditeur) : on y modifie l'en-tête, le pied de page et les modèles de pages avec les blocs Gutenberg. Plus besoin de code pour changer la structure globale. Samir repère d'abord son cas : si Apparence → Éditeur existe, le thème est FSE.
2. Styles globaux et parties de modèle
Les styles globaux (FSE → Styles) centralisent les couleurs et les polices de tout le site : modifier la palette met à jour l'ensemble des pages sans les reprendre une par une. C'est la garantie d'une cohérence visuelle immédiate et d'une maintenance simple.
Les parties de modèle (template parts) sont les éléments réutilisés — en-tête, pied de page. On les édite une fois, et le changement s'applique à toutes les pages qui les utilisent. Samir y place le logo, le menu principal et les coordonnées de l'atelier, puis vérifie le rendu sur mobile.
🔎 Exemple concret — Appliquer l'identité de l'atelier (cas Samir)
Thème de blocs → Apparence → Éditeur.
1. Styles → palette : bleu profond + sable chaud.
2. Typographie : police sobre pour les titres et le texte.
3. Parties de modèle → en-tête : logo + menu.
4. Pied de page : coordonnées + mentions légales.
→ Publier et vérifier sur mobile.Résultat : une identité cohérente sur tout le site.
Leçon : les styles globaux évitent de reprendre chaque page.
Vocabulaire de la section
- Personnalisateur
- Outil des thèmes classiques : réglages d'apparence avec aperçu en direct.
Exemple simple : régler le logo et les couleurs de l'atelier.
Ce que ce n'est pas : le chercher sur un thème de blocs où il a disparu.
Réflexe : thème classique = Personnalisateur.
- Éditeur de site (FSE)
- Outil des thèmes de blocs : éditer tout le site avec les blocs Gutenberg.
Exemple simple : modifier l'en-tête et le pied de page sans code.
Ce que ce n'est pas : croire que le FSE ne concerne que les articles.
Réflexe : thème de blocs = FSE.
- Modèle (template)
- Structure d'un type de page (accueil, article, 404), réutilisée pour tous les contenus de ce type.
Exemple simple : le modèle d'article s'applique à tous les conseils.
Ce que ce n'est pas : recréer la structure pour chaque article.
Réflexe : un modèle pour un type de page.
- Styles globaux
- Couleurs et polices de tout le site, réglées en un endroit.
Exemple simple : changer la palette met à jour toutes les pages.
Ce que ce n'est pas : recolorer chaque bloc page par page.
Réflexe : cohérence = styles globaux.
- Partie de modèle
- Élément réutilisé (en-tête, pied de page) édité une fois et appliqué partout.
Exemple simple : l'en-tête avec logo et menu.
Ce que ce n'est pas : modifier l'en-tête sur chaque page séparément.
Réflexe : en-tête et pied = parties de modèle.
En pratique — Personnaliser selon son thème
- Repérez votre cas : Apparence → Éditeur existe = FSE ; sinon Apparence → Personnaliser.
- FSE : Styles → changez la palette et la typographie globales.
- FSE : éditez l'en-tête (logo, menu) et le pied de page via les parties de modèle.
- Classique : réglez logo, couleurs et en-tête dans le Personnalisateur, puis publiez.
Script prêt à dire — expliquer la personnalisation (25 s)
« Je règle vos couleurs et vos polices une seule fois, et tout le site les reprend automatiquement. L'en-tête et le pied de page se modifient aussi sans code : si vous changez de numéro ou de logo, une seule mise à jour suffit. »
Insister sur la maintenance : ce qui est global évite les oublis.
Modèle copier-coller — identité visuelle
TYPE DE THÈME : classique / blocs
COULEUR PRINCIPALE : _______________
COULEUR SECONDAIRE : _______________
POLICE DES TITRES : _______________
POLICE DU TEXTE : _______________
EN-TÊTE : logo + menu
PIED DE PAGE : coordonnées + mentionsThème classique
Tout passe par le Personnalisateur ; les widgets restent séparés.
Thème de blocs
FSE pour l'en-tête, le pied et les modèles ; styles globaux pour l'identité.
Identité forte
Définir d'abord palette et typographie, puis composer les pages.
Refonte
Sauvegarder avant de changer les styles globaux d'un site en ligne.
✓ Bonnes pratiques
- Repérer le type de thème avant de chercher l'outil.
- Régler l'identité dans les styles globaux.
- Éditer l'en-tête et le pied via les parties de modèle.
✗ Pièges fréquents
- Chercher le Personnalisateur sur un thème FSE.
- Recolorer chaque page bloc par bloc.
- Oublier de vérifier le rendu mobile après personnalisation.
Points clés à retenir
- Classique → Personnalisateur ; blocs → FSE.
- Le FSE édite tout le site avec les blocs.
- Les styles globaux garantissent la cohérence.
- Les parties de modèle s'éditent une fois pour toutes.
Défi 48h — appliquez demain
Sur un site local, changez la palette et la typographie globales, puis modifiez l'en-tête pour y placer un logo et un menu. Vérifiez que toutes les pages suivent. 25 minutes.
- Je sais quel outil utiliser selon le thème.
- Je modifie les couleurs et polices globalement.
- J'édite l'en-tête et le pied sans code.
Questions fréquentes
Où est passé le Personnalisateur ?
Sur un thème de blocs (FSE), il est remplacé par Apparence → Éditeur. C'est normal : les réglages d'apparence passent par les styles globaux et les parties de modèle.
Puis-je changer les couleurs sans toucher au contenu ?
Oui : les styles globaux agissent sur l'apparence, pas sur les textes ni les images. Une modification de palette se répercute partout sans réécrire les pages.
Les modifications sont-elles visibles immédiatement ?
Dans le Personnalisateur et le FSE, vous travaillez avec un aperçu ; rien n'est public tant que vous n'avez pas publié. Sur un site en ligne, vérifiez toujours après publication.
Le thème de l'atelier est un thème de blocs. Où Samir règle-t-il les couleurs et polices de tout le site ?