[WP] `Block validation failed for…` エラーが発生する要因と対処方法カスタマイズ・技術情報WordPress (Gutenberg)のカスタムブロックを作成していると、エディターを更新した際に「このブロックには、想定されていないか無効なコンテンツが含まれています。」というメッセージが表示されて、毎回ブロックの ... 2024/10/09続きを読む
[WP] add_menu_page の最初のサブメニュータイトルを変更する方法カスタマイズ・技術情報WordPress の管理画面のサイドバーにテーマやプラグイン独自の専用メニューを追加する場合、add_menu_page というメソッドを利用することで簡単に追加できます。 add_menu_pageトップメニュー a ... 2024/05/01続きを読む
[WP]getEntityRecords のパラメータの種類と独自フィールドの追加方法カスタマイズ・技術情報WordPress では、複数の投稿データ(リスト)を取得する場合は getEntityRecords 、単一の投稿データを取得する場合はgetEntityRecord という便利な API が用意されています。 例えば ... 2024/04/11続きを読む
[WP]サイドバーの「投稿」タブに独自のパネルとコントローラーを追加する方法カスタマイズ・技術情報WordPress のブロックエディター(Gutenberg)にて、個別のブロックではなく、公開設定やカテゴリーの選択、アイキャッチ画像の指定などを行う、「投稿」タブのサイドバーに、独自のパネルを追加する方法をご紹介しま ... 2024/02/16続きを読む
[ブロック開発]Cannot read properties of undefined (reading ‘orientation’) エラ ... カスタマイズ・技術情報WordPress のブロック開発(Gutenberg)にて、WordPress が提供するコンポーネントを操作している最中に、コンソールに以下のエラーが発生したときの備忘録。 エラーメッセージ TypeError: C ... 2023/10/25続きを読む
[WP]親ブロックの値の変更を子ブロック(InnerBlocks)に伝える簡単な方法カスタマイズ・技術情報WordPress のブロックエディタ(Gutenberg)用のブロック開発にて、親ブロックの属性(attributes)の値の変更を子ブロックである InnerBlocks 側で動的に検知し、その値(条件)に応じて I ... 2023/10/10続きを読む
Gutenberg 15.0 にて実装された主な機能の概要カスタマイズ・技術情報2023年1月18日に公開された Gutenberg 15.0 では、設定サイドバー(InspectorControl)のタブ化がいよいよ本格的な実装に近づいてきたようです。 設定サイドバーのタブ化(InspectorC ... 2023/02/07続きを読む
[WP] BorderRadiusControl で角丸(border-radius)を制御するカスタマイズ・技術情報WordPress のブロックエディタ(Gutenberg)のブロック開発時に、任意のブロックや要素に角丸具合(border-radius)をコントロールするオプションを持たせる場合、大抵はRangeControl をコ ... 2023/01/17続きを読む
[WP]インナーブロックからルートブロックの attributes を参照する方法カスタマイズ・技術情報WordPress (Gutenberg) のブロックにて、インナーブロック(InnerBlocks)を持つ階層構造のブロックで、ルートブロック(親)の atributes 値に合わせてインナーブロック(子孫)の状態を変 ... 2022/12/17続きを読む
[WP]BoxControl または DimensionControl でブロックの余白の調整をするカスタマイズ・技術情報WordPress のブロックエディターでブロック間に余白を設けたい場合、標準の「スペーサー」ブロックを利用している場合も多いと思いますが、これはブロック間に意味のない空の div を挿入してその div に対する高さ( ... 2022/10/24続きを読む
[WP]BorderBoxControl でボーダー周りの設定を実装するカスタマイズ・技術情報WordPress のブロックエディターにカスタムブロックを追加し、そのブロックでボーダー周り(枠線の太さ、色、線の種類)のカスタマイズを実装したい場合、WordPress 6.0 より実装された BorderBoxCo ... 2022/09/21続きを読む
[WP]create-block でブロックの追加とダイナミックブロックを作成する方法カスタマイズ・技術情報WordPress 公式パッケージである @wordpress/create-block の バージョン 4.0.0 にて、既存のプラグインに新たに単体のブロックのみを追加するオプションと、例えば「最近の投稿」のようにサ ... 2022/09/08続きを読む