Gutenberg Block

Définition

Unité de contenu de l'éditeur. Chaque bloc est décrit par un block.json : interface d'édition React et rendu (render.php côté serveur). Depuis WordPress 6.5, un bloc peut déclarer viewScriptModule et supports.interactivity pour utiliser l'Interactivity API, et lier ses attributs à des données via Block Bindings.

Analogie

Comme des briques de construction modulaires : chacune a sa forme et sa fonction, on les assemble librement.

Exemple de code

{
  "name": "myplugin/cta",
  "title": "Call to Action",
  "category": "design",
  "editorScript": "file:./index.js",
  "render": "file:./render.php",
  "viewScriptModule": "file:./view.js",
  "supports": { "interactivity": true }
}

Cas d'usage

Pour créer des composants de contenu réutilisables avec une expérience d'édition visuelle.

Anti-pattern

Créer des blocs complexes sans block.json ni support server-side rendering.

Termes liés

Dans l'actu

30/09 Gutenberg 24.1 (environ 140 PR) étend les outils de design (image de fond, dégradé, ombre, bordures, typographie) à presque tous les blocs core. Semaine 40 (1re moitié) · 28 – 30 septembre 2026 →
30/09 Gutenberg 24.1 étend les outils de design (image de fond, dégradé, ombre, bordures, typographie) à presque tous les blocs core et gère l'ombre de texte dans `theme.json`. Bilan septembre 2026 →
19/08 Gutenberg 23.8 sort avec des URL partageables et une vue diff de code pour les révisions visuelles, des notifications email pour les mentions « @ », et une List View optimisée (sélection de 1 000 paragraphes passée de 16,8 s à 0,4 s) ; @wordpress/element devient compatible React 19. Bilan août 2026 →