ホームページの価値を最大化するCMS、WordPress(ワードプレス)。WordPressに関する情報をまとめておりますので是非ご活用ください。ブロックの入れ子InnerBlockの作成GutenbergにはInnerBlockという仕組みがあり、ブロックを内包するブロックを作成することができる。InnerBlockは次のような特徴を持つ。内包されるブロック(子ブロック)を指定できる。各ブロックは「親」を指定することができ、特定のブロックの中にしか入らないブロックを作成することもできる。「カートに入れる」ボタンを考えてみよう。このボタンをどの文脈とも関係ないブロックに追加できてもしょうがない。ブロックの中にだけ表示できるというような制限ができるとわかりやすいだろう。今回はdl(定義リスト・説明リスト)ブロックを作成することで、この仕組みを覚えてもらいたい。ddの3つのブロックを作成する。dtとddはdlの中以外で使うことはないので、「子ブロック」としてはうってつけだろう。PHPから一気に登録する。それぞれのJSがブロックに対応すると考えてもらいたい。プラグインバージョン。);それでは、各ブロックの実装へ移ろう。dlブロックだが、これは中身にInnerBlocksだけを保持する。);InnerBlocksはRichTextと似ており、中身を保存するときにInnerBlocks.Contentを返す。allowedBlocks属性で指定することができ、また、templateLockをfalseにすることで、ユーザーが自由にブロックを追加・削除できる。編集ロックして、特定のテンプレートしか入稿できないようにすることも可能だ。それでは、続いてdtブロックを作成しよう。こちらはparentプロパティによって、「どのブロックの子ブロックか」を明示的に宣言する。これにより、定義リストの中にのみ表示される。);dtもほとんど同じなので、内容は割愛する。完成するのがこんな感じのブロックである。挿入できるのはdtとddだけというブロックができた。けにソースコードと実際のコーディング動画をお届けする。最初に表示されました。ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。