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

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

alt text

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

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

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

Top ↑

コード構文

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

原文

最終更新日: