11:57カスタムブロックを追加するカスタムブロックの作成に必要な最低限のファイルは次の通り。ブロックを表示するためのロジックstyle.cssでクライアント側の、index.cssでエディタ側のスタイルを指定できる(無論クライアント側はテーマのstyle.css中に記述してもOK、ただブロックのstyle.cssとして記述すると必要に応じて動的にCSSファイルを“読み込む/読み込まない”してくれる)。これに加えダイナミックブロックの場合はrender.phpを用意することでクライアント側に表示するPHPを編集できる。buildによる自動生成)を利用しない方法であることから次のような手順で進める。テーマフォルダ直下にblocks/フォルダを作成(Optional)この中にカスタムブロックのフォルダを入れることで整理整頓できる。blocks/フォルダ内にブロックフォルダを作成(Recommend)ここではblock-pizza/を作成。このフォルダ内にPizzaブロックに必要なファイルたちを用意する。"ピッツァカスタムブロックを追加します。}}編集できる箇所は次の通り(*は必須項目)。エディタに表示される。カスタムブロックの名前。エディタに表示される。カスタムブロックの説明文。エディタに表示される。カスタムブロックのアイコン(dashicon)。カスタムブロックのカテゴリ。カスタムブロックの属性。エディタに表示される。使用例の小窓に表示するコンテンツ。...これで同フォルダ内のrender.phpファイルを指定できる。);registerBlockType()函数の第一引数とblock.jsonのname値が同一であることを確認(でないとエラーが出る)。見るべきはeditとsave。他はテンプレートだと思って問題ない。editでエディタの表示や編集ツールバーのあれこれを設定できる。saveでクライアント側に表示させるHTMLのあれこれを調整できる。el()はReactのcreateElement()とほぼ同じ(https://beta.reactjs.org/reference/react/createElement)。そのためrichTextとなっている箇所を'p'や'div'などHTML要素名にしても良い。ここではrichTextとすることで太字や斜体、リンクづけなどのツールバーを表示させるようにしている(https://developer.wordpress.org/block-editor/reference-guides/richtext/)ダイナミックブロックの場合は次のように書くことが出来る。block-pizza.phpを用意する用意してきたファイルたちをWordPressに読み込ませるために、新たなファイルを作成する。結論としてはwp_register_script()とregister_block_type()をinit時に読み込ませられれば良いのだが、折角なのでファイルも綺麗にオーガナイズ(整理整頓)してみよう。);これをfunctions.phpにrequire_onceしてやれば読み込まれる。);...ダイナミックブロックの場合は次のようなrender.phpファイルを用意する。?></p>これがクライアント側に出力される。CSSファイルを追加するスタイルは大切です。エディタ側のCSSを追記しましょう。index.cssをブロックフォルダ内に作成します。magenta;}block-pizza.phpを次のように編集して完了です。);この記事は2023年2月にまとめた個人的な資料です。公開時含め現在のWordPressバージョンではテストしていません。