Gutenberg FSE : L'avenir du design WordPress en 2026

L'édition complète du site (Full Site Editing - FSE) est arrivée avec WordPress 5.9. Trois ans plus tard, la plupart des agences ne l'utilisent toujours pas correctement — et celles qui le font ont un avantage concurrentiel sérieux.

Ce que signifie réellement le FSE

Avant le FSE, les thèmes WordPress contrôlaient les en-têtes, les pieds de page et la mise en page globale via des modèles PHP. Gutenberg ne gérait que la zone de contenu. Vous pouviez modifier votre article de blog avec des blocs, mais votre navigation était verrouillée dans un fichier PHP.

Le FSE change cela. Avec un thème de blocs, chaque partie du site — en-tête, pied de page, barre latérale, modèles d'archives, mise en page d'article unique — est modifiable dans l'éditeur Gutenberg à l'aide de blocs. Aucun PHP requis pour les modifications de mise en page.

Ceci est important pour la génération par IA car cela signifie que l'ensemble du site peut être exprimé en JSON de blocs. Il n'y a pas de système hybride où certaines parties sont des modèles PHP et d'autres des blocs. Tout est blocs, tout est JSON, tout peut être généré et modifié par programme.

Comment PAGEnza utilise le FSE

Lorsque PAGEnza génère un site, il ne crée pas seulement une page d'accueil. Il crée un thème de blocs complet avec :

• templates/index.html — le modèle par défaut
• templates/single.html — la mise en page d'un article unique
• templates/archive.html — la liste des articles/catégories
• templates/404.html — la page d'erreur
• parts/header.html — bloc d'en-tête réutilisable
• parts/footer.html — bloc de pied de page réutilisable
• theme.json — styles globaux (couleurs, typographie, espacement)

Tous ces éléments sont générés à partir du même Mandat de Conception. La palette de couleurs définie pour la page d'accueil est la même que celle utilisée dans les styles globaux de theme.json. Le trio de polices choisi pour le héros est le même que celui chargé dans la feuille de style du thème de blocs.

C'est l'avantage clé du FSE pour la génération par IA : la cohérence est imposée par le système, et non par l'espoir que le concepteur se souvienne d'appliquer la même police partout.

theme.json — le fichier le plus important que vous n'ayez jamais modifié

theme.json est un fichier de configuration qui définit le système de conception global d'un thème de blocs. Il contrôle :

• Palette de couleurs — couleurs nommées qui apparaissent dans le sélecteur de couleurs de l'éditeur
• Typographie — familles de polices, tailles, hauteurs de ligne
• Espacement — l'échelle d'espacement utilisée par les contrôles de marge intérieure et extérieure
• Rayon de bordure — valeurs par défaut du rayon des coins
• Mise en page — largeur du contenu, largeur étendue

Lorsque PAGEnza génère un site, le theme.json est construit par programme à partir du Mandat de Conception. Les couleurs ink, bg1, bg2 et accent sont enregistrées comme couleurs de palette nommées. Le trio de polices est enregistré comme familles de polices avec les URL @import correctes de Google Fonts.

Le résultat est que lorsqu'un client ouvre l'éditeur Gutenberg pour modifier du texte, le sélecteur de couleurs affiche exactement les quatre couleurs de la marque — rien d'autre. Le sélecteur de polices affiche les trois polices choisies. Les contrôles d'espacement utilisent l'échelle du système. Le système de conception est appliqué au niveau de l'éditeur.

Ce que signifie réellement "modifier en direct dans Gutenberg"

Chaque site généré par PAGEnza est une installation WordPress active avec Gutenberg FSE activé. Le client peut :

• Cliquer sur n'importe quel texte et le modifier directement
• Changer les arrière-plans des sections en cliquant et en sélectionnant dans la palette de couleurs de la marque
• Réorganiser les sections en faisant glisser les blocs
• Ajouter de nouvelles sections depuis l'outil d'insertion de blocs
• Changer les images en cliquant sur le placeholder

Ils ne peuvent pas casser accidentellement le système de conception en choisissant une couleur hors marque, car les seules couleurs disponibles sont les quatre couleurs de la marque. Ils ne peuvent pas choisir une police non assortie, car seules les trois polices de la marque sont enregistrées.

C'est ce qui rend les sites générés par IA pratiques pour les clients réels — les contraintes qui font fonctionner la conception sont préservées après la livraison.

Le problème de la couverture des blocs

Le FSE est puissant, mais il a un problème de couverture. Tous les modèles de conception ne peuvent pas être exprimés proprement dans les blocs Gutenberg de base. Les mises en page complexes, les composants interactifs et les affichages de données personnalisés nécessitent souvent des blocs personnalisés ou des plugins tiers.

PAGEnza gère cela de deux manières :

Pour la mise en page : nous utilisons une combinaison de blocs Group, Cover, Columns et Media & Text avec des attributs soigneusement contrôlés. Environ 95 % des mises en page de pages marketing peuvent être réalisées avec ces quatre types de blocs seuls.

Pour les composants interactifs : le Plugin Builder génère des blocs Gutenberg personnalisés sous forme de plugins PHP. Un tableau de prix, un formulaire de réservation, un curseur de témoignages — ceux-ci sont générés comme des blocs correctement enregistrés qui s'intègrent à l'éditeur FSE, et non comme des shortcodes ajoutés sur le côté.

L'objectif est que tout ce qu'un client doit modifier soit modifiable dans l'éditeur visuel, sans toucher au code.