こんにちは!3児のパパエンジニアの笹垣です。 以前こちらでWordPressのGutenbergブロック開発についてご紹介しましたが、その後実案件でカスタムブロックを使う機会があり、ブロック開発に加え、カスタム設定機能も追加したので合わせてご紹介します。 先日リリースしたARCHETYP Staffingのメディアサイト「ARCHETYP Staffing Magazine」では、インハウス・フリーランス・制作会社で働くクリエイターやエンジニア、企業のクリエイティブに対する思いなどをインタビューや対談形式で発信していますが、その記事で利用する会話モジュールが欲しいという要望から開発に至りました。 はじめに まずはじめに会話モジュールのカスタムブロックを作成します。 ※カスタムブロックの開発を行う上で必要な知識や環境についてはこちらを御覧ください。 会話ブロックの追加 前回の定義リスト(dl
![WordPress Gutenbergカスタムブロック + カスタム設定 | ARCHETYP BLOG | Webビジネスに関するUI/UXデザイン|株式会社アーキタイプ|ARCHETYP Inc.](https://cdn-ak-scissors.b.st-hatena.com/image/square/283a181422f6df21e3df494bcfc68a92c4146a2d/height=288;version=1;width=512/https%3A%2F%2Fwww.archetyp.jp%2Fblog%2Fwp%2Fwp-content%2Fuploads%2F2019%2F12%2Fgutenberg2-1024x538.png)