カスタムブロックエディターの構築

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

alt text

上図のようにこのチュートリアルでのエディターは WordPress 内で 投稿を編集する際に見慣れたブロックエディターではありません。下層レベルの @wordpress/block-editor パッケージ (とその友だち) を使用して構築された完全なカスタムブロックエディターインスタンス です。

このチュートリアルを試すには

このチュートリアルを試すには付属のWordPress プラグイン をダウンロードしてください。サイトで試せるすべてのサンプルが含まれています。

コード構文

コード例は「ESNext」で示されます。言語仕様の次のバージョンである ESNext に加えて JSX 構文を使用します。

注意: ブロックの作成やエディターの拡張に ESNext の使用は必須ではありません。従来の JavaScript も使えます。しかし、いったん ESNext に慣れると開発者にとっては読むのも書くのもラクなため、紹介するほとんどのコード例は ESNext 構文を使用します。

原文

最終更新日: