[WP]ブロックエディターのリッチテキストツールバーに独自のドロップダウンメニューを追加する方法
WordPress のブロックエディター(Gutenberg) のリッチテキストの標準ツールバーには、「太字」、「イタリック」などのごく限られた装飾ボタンしか用意されていません。 このツールバーに独自のボタンを追加するに...
並べ替え
[WP]ウィジェットIDから対象ウィジェットのコンテンツを取得する方法
本題に入る前に WordPress の フィルター関数(add_filter)を利用すれば、ウィジェットで表示されるコンテンツ(HTML)を事前に取得して目的に応じて一部を置換したり書き換えることができます。 例えば、テ...
Gutenberg の RangeControl のリセットボタンで初期値に戻す方法
WordPress のブロックエディター(Gutenberg)のアドオン開発では、独自ブロックを追加して様々なコントローラー(コンポーネント)を利用できますが、その中でも、スライダーバーで値を変更できる RangeCon...
【WP】ウィジェットの更新時に任意のウィジェットエリアにあるウィジェットか判定する方法
現在、提供中の WordPress テーマ「DigiPress」に、Transient API を利用したキャッシュ機能を追加しているのですが、キャッシュ対象のひとつとして、トップページのヘッダーバナー全体も含んでいます...
[WP]テーブルブロックの table 要素を div でラップする方法
現在開発中の、DigiPress テーマ専用のブロックエディタープラグインによる拡張機能として、WordPress 標準のテーブルブロックで作成される HTML テーブル(table 要素)を、横にオーバーフローした際に...
WordPressのRSSフィードに投稿サムネイルをXML要素として追加する方法
WordPressプラグインやテーマのサブメニューとして「アドオン」メニューを追加し、アドオンのページを開くと、利用可能な拡張機能の一覧が表示され、ユーザーは一覧からクリックして気になったアドオンの詳細ページに直接参照し...
Gutenbergから可能になったJavaScript内のテキストを翻訳して表示する新しい方法
WordPressのテーマやプラグインで、翻訳ファイル(*.mo)を含めて多言語表示に対応させる場合、PHPであれば load_theme_textdomain (テーマの場合)、 load_plugin_textdom...
Gutenbergとクラシックエディターの両方にカスタムCSSを反映する方法
2018/12/7 : WordPress 5.0 “Bebo” での仕様に合わせて内容を更新済み。 WordPress 5.0 から、記事のエディターは従来の「ビジュアル(TinyMCE)／テキ...
WordPressで不要なページでプラグインが出力しているJSやCSSを無効化して軽量化する方法
WordPressでサイトを構築している場合、誰でもほぼ間違いなく多かれ少なかれ要件を満たす機能を持つプラグインを複数導入していると思いますが、プラグインによっては自前のスタイルシート(CSS)やJavascriptを読...
特定のWordPress管理画面でのみ独自のCSSやJavaScriptを読み込む方法
自作で WordPress のテーマやプラグインをつくる場合、管理画面だけに自前の CSS や JavaScript を読み込ませたいときがあります。 そんなときは WordPress のアクションフックを使って色々と方...
WordPressのカテゴリーページでパーマリンクから”category”を取り除く4つの方法
WordPressを使っている人なら、大抵はパーマリンクの設定を変更していると思います。 日付ベースや数字ベースなどのプリセットもありますが、カスタム構造で/%category%/%postname%/として「カテゴリー...