カスタムブロックエディターの構築
このチュートリアルでは「ブロックエディター」のカスタムインスタンスを作成する基礎を順に説明します。

上図のようにこのチュートリアルでのエディターは WordPress 内で 投稿を編集する際に見慣れたブロックエディターではありません。下層レベルの @wordpress/block-editor
パッケージ (とその友だち) を使用して構築された完全なカスタムブロックエディターインスタンス です。
このチュートリアルを試すには
このチュートリアルを試すには付属のWordPress プラグイン をダウンロードしてください。サイトで試せるすべてのサンプルが含まれています。
コード構文
コード例は「ESNext」で示されます。言語仕様の次のバージョンである ESNext に加えて JSX 構文を使用します。
注意: ブロックの作成やエディターの拡張に ESNext の使用は必須ではありません。従来の JavaScript も使えます。しかし、いったん ESNext に慣れると開発者にとっては読むのも書くのもラクなため、紹介するほとんどのコード例は ESNext 構文を使用します。
最終更新日: