Ako vytvoriť vlastný Gutenberg block

Tento článok budem aktualizovať.

WP-CLI scaffold

Vďaka WP-CLI konzole vieme vytvoriť základnú štruktúru pre náš vlastný Gutenberg block rýchlo, stačí na to iba príkaz:

wp scaffold block <slug> [--title=<title>] [--dashicon=<dashicon>] [--category=<category>] [--theme] [--plugin=<plugin>] [--force]

Ukážka:
$ wp scaffold block movie --title="My movie block" --plugin=movies

Problém však je, že v súčasnosti príkaz scaffold podporuje iba ES5 štandard.

npm

Ako najlepšie riešenie sa javí Node Package Manager (npm). Pre jeho použitie je potrebné mať nainštalované Node.js.

Slovo „block“ do názvu bloku netreba uvádzať.

//Vytvorenie základnej štruktúry
npm init @wordpress/block my-first-block --namespace "mpod-project" --title "My first block" --short-description <value>

• https://developer.wordpress.org/block-editor/packages/packages-create-block/
• https://www.npmjs.com/package/@wordpress/create-block

Referencie

• Generate Blocks with WP-CLI