Gutenberg Block

WordPress 🟡 Mid

Definition

Unite de contenu de l'editeur Gutenberg. Chaque bloc est un composant React avec une interface d'edition et un rendu front. Base du Full Site Editing.

Analogie

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

Exemple de code

// block.json
{
  "name": "myplugin/cta",
  "title": "Call to Action",
  "category": "design",
  "editorScript": "file:./index.js",
  "render": "file:./render.php"
}

Cas d'usage

Pour creer des composants de contenu reutilisables avec une experience d'edition visuelle.

Anti-pattern

Creer des blocs complexes sans block.json ni support server-side rendering.

Termes lies

#core#interview#wordpress