このチュートリアルでは、新しいブロックタイプを作成する基本の流れを紹介します。できるだけシンプルな例から始め、各セクションではその前のセクションに対してブロックタイプの実装で必要となる一般的な機能を追加していきます。
このチュートリアルのサンプル WordPress プラグインをダウンロードできます。サンプルには実際にサイトで試すことができるプラグインが含まれています。手順を確認しながらサンプルを自由に拡張して、ブロックの動きに与える効果を確認しましょう。
.zip ファイルの最新バージョンを取得するには、リポジトリのリリースページにアクセスし、「Assets」の下の最新リリースを参照してください。
ドキュメント内のサンプルコードは 「JSX」と「Plain」の2つの形式で紹介します。「JSX」は、JSX 構文を使用し、ビルドの必要な JavaScript コードを指します。「Plain」は、ビルドの不要な「クラシック」な JavaScript を指します。JSX のコードを使用するにはブラウザーが対応可能な形式にコンパイルするため、JavaScript ビルド手順 の実行が必要です。
注意: ブロックの作成やエディターの拡張に「JSX」は必須ではなく、従来の JavaScript でも可能です。ただし JSX とビルド手順 に親しむと開発者はコードの読み書きがラクになります。このためほとんどのサンプルでは JSX 構文を使用しています。