Wordpressでオリジナルのブロックを作成する公式サイトのチュートリアル

公式サイト

チュートリアルは有志の方がほぼ完全に翻訳してくださっています。

ただし個別のコンポーネントのページなどは、翻訳が追い付いていないために欠けています。
その辺は基本シンプルな内容しか書かれていないので翻訳はそもそも不要ですが、ページへのリンク自体がないことには注意が必要です。

標準で使えるCoreブロックのソースコードです。
いろいろと参考になります。

ただ、alignなどのよく使う機能はサポートで用意されていることも多いです。

npx @wordpress/create-block gutenprideを使うと、一つのプラグインで一つのブロックしか定義できません。
しかし下記方法を使うと一つのプラグインに複数のブロックを定義できます。

作成中にsave.jsの更新内容が反映されずかなり悩みました。

キャッシュが残っているのは分かっていましたが、仮想環境のリスタートやブラウザキャッシュのクリアをしても反映されず。

結局原因は手を抜いていたことで、block.jsonのバージョン情報を上げ、いったんWordpressの編集ページから抜けることで解決されました。