Gutenberg Custom Blocks în 2026: Ghid pentru dezvoltatori WordPress

Blocurile Gutenberg custom sunt componente React care se integrează nativ în editorul WordPress și permit echipei de conținut să editeze vizual orice element al site-ului fără cod. În 2026, blocurile custom sunt standardul pentru teme profesionale — înlocuiesc shortcodes, widget-urile legacy și builder-ele vizuale cu un sistem modern, performant și mentenabil.

Arhitectura unui bloc Gutenberg custom

• edit() — componenta React afișată în editor (cu controale de editare)
• save() — markup-ul static salvat în baza de date (sau null pentru blocuri dinamice)
• block.json — metadata blocului: nume, atribute, suporturi, categorie
• PHP render_callback — pentru blocuri dinamice cu date din DB

Exemplu bloc simplu: Card cu titlu și text

// block.json
{
  "name": "webzardio/card",
  "title": "Card",
  "attributes": {
    "title": { "type": "string", "default": "Titlu card" },
    "text":  { "type": "string" }
  }
}

Funcționalități avansate în 2026

• InnerBlocks — blocuri imbricate (layout-uri complexe)
• useBlockProps — suport complet pentru aliniament, spacing, culori din temă
• Block Variations — variante predefinite ale aceluiași bloc
• Block Bindings (nou în WP 6.5+) — conectare atribute la surse de date externe
• Interactivity API — interactivitate frontend fără React în browser

Tools recomandate în 2026

• @wordpress/create-block — scaffolding automat
• @wordpress/scripts — build system (webpack) pre-configurat
• @wordpress/components — librărie UI consistentă cu interfața WP

Întrebări frecvente

Blocurile custom funcționează cu Full Site Editing?

Da — blocurile custom pot fi folosite în orice zonă a site-ului (header, footer, templates) în teme FSE.

Bloc dinamic vs bloc static — când aleg?

Dinamic: când conținutul vine din baza de date sau se schimbă (liste de produse, articole recente). Static: conținut introdus direct de editor (card, hero, feature box).

Cât costă un set de blocuri custom la Webzardio?

5–15 blocuri custom: 1.500–3.500 EUR, incluzând documentație și panel editor complet.