[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 からこのような方法でカスタムコンポー ...
[WP]カスタムブロックを規定のカテゴリと独自カテゴリの両方に入れる方法
WordPress のブロックエディタ(Gutenberg)にオリジナルのカスタムブロックを追加する場合、registerBlockType 関数を使用して以下のように登録できます。 カスタムブロックの登録 import ...
[WP]改ページの連番リンクと次ページの誘導テキストリンクを両方表示する方法
現在開発中の WordPress テーマでは、マガジンサイトに特化したデザインや機能を想定しています。マガジン系のサイトでは、1つの記事が複数ページに分かれている場合、分割される箇所で次ページへ誘導する文言をリンクにして ...
[WP]ブロックエディターのリッチテキストツールバーに独自のドロップダウンメニューを追加する方法
WP 5.9 時点の場合 ここに掲載の情報は現在は非推奨です。WordPress 5.9 時点では、以下の方法で実装できます。 WordPress のブロックエディター(Gutenberg) のリッチテキストの標準ツール ...