[WP] BorderRadiusControl で角丸(border-radius)を制御する
WordPress のブロックエディタ(Gutenberg)のブロック開発時に、任意のブロックや要素に角丸具合(border-radius)をコントロールするオプションを持たせる場合、大抵はRangeControl をコ ...
並べ替え
[WP]インナーブロックからルートブロックの attributes を参照する方法
WordPress (Gutenberg) のブロックにて、インナーブロック(InnerBlocks)を持つ階層構造のブロックで、ルートブロック(親)の atributes 値に合わせてインナーブロック(子孫)の状態を変 ...
[WP]BoxControl または DimensionControl でブロックの余白の調整をする
WordPress のブロックエディターでブロック間に余白を設けたい場合、標準の「スペーサー」ブロックを利用している場合も多いと思いますが、これはブロック間に意味のない空の div を挿入してその div に対する高さ( ...
[WP]BorderBoxControl でボーダー周りの設定を実装する
WordPress のブロックエディターにカスタムブロックを追加し、そのブロックでボーダー周り(枠線の太さ、色、線の種類)のカスタマイズを実装したい場合、WordPress 6.0 より実装された BorderBoxCo ...
[WP]create-block でブロックの追加とダイナミックブロックを作成する方法
WordPress 公式パッケージである @wordpress/create-block の バージョン 4.0.0 にて、既存のプラグインに新たに単体のブロックのみを追加するオプションと、例えば「最近の投稿」のようにサ ...
[WP]ページ内に特定のブロックがある時のみ専用の CSS, JavaScript を読み込む方法
WordPress のブロックエディター(Gutenberg)や FSE (フルサイト編集) 機能の登場によって、様々なコンテンツを記事もサイトも「ブロック」単位で自由に組み立てて構築できるようになりました。 さらにコン ...
[WP] parse_blocks 関数を利用して目次を表示するサンプル
今や WordPress での投稿作業は、ブロックエディター(Gutenberg)が主流となっています。つまり、記事を投稿するときは GUI ベースであらゆるブロックを組み合わせて投稿するため、投稿コンテンツすべてがブロ ...
[WP] theme.json の “elements” で指定できる要素
WordPress 5.9 よりベータ版で実装された、サイト全体をブロックで構築する「フルサイト編集（FSE）」機能に対応するテーマでは、ルートディレクトリに theme.json ファイルを作成し、そこにカラーやタイポ ...
[WP]ブロックテーマでもカスタマイザーを利用する方法
WordPress 6.0 よりフルサイト編集機能（FSE）が実装され、ブロックテーマを有効にすると、管理画面の「外観」メニューには従来のクラシックテーマの場合に存在していた「カスタマイズ」、「ウィジェット」の項目がなく ...
[WP]コアブロックに任意の class と style を追加する方法
WordPress(Gutenberg) の標準ブロックの親要素に任意の class を挿入するために、以前、元のブロックを class を引き継いで div でラップする少々トリッキーな方法をご紹介しました。 しかし、 ...
WP 5.9 から get_users() で ‘who’ => ‘authors’ は非推奨になった
WordPress 5.8 までは、寄稿者一覧を取得する際、get_users() 関数のパラメータに 'who' => 'authors' を指定していましたが、WordPress 5.9 から、WP_User_Que ...
[Gutenberg]リッチテキストのツールバーに独自のツールバーボタンとドロップダウンを追加する方法
以前、WordPress のブロックエディター(Gutenberg)のリッチテキストに独自のカスタムツールバーボタンを追加する方法を紹介しました。 しかし、WordPress 5.6 からこのような方法でカスタムコンポー ...