Contact Info

  • aniuma OÜ Harju maakond, Tallinn, Lasnamäe linnaosa, Sepapaja tn 6, 15551

ブロックエディタでカスタムフィールド対応のブロックを作成する方法

ブロックエディタが実装されるまでにオリジナルで WordPress のテーマを作成していた人にはおなじみのカスタムフィールド(ポストメタ)ですが、ブロックエディタを使って同じような実装ができないか探していたところ、メタブロック対応のカスタムブロックを作成することで対応できるため調べたソースをまとめます。


カスタムブロックをまだ作ったことがない人は、まず下記のチュートリアルをすすめて作ってみることをおすすめします。

npm が使える人は npm i @wordpress/scripts を使うのが推奨されますが、WP-CLI が入っている場合は wp scaffold block でもブロックの作成をすることができます(こちらは非推奨)。

https://twitter.com/susumu1127/status/1324645354076295168