関数やフック: wp_enqueue_style()
-
自分専用のプラグインを作ろう
WordPressに対するプログラムでのカスタマイズと言えば、子テーマを有効化してfunctions.phpなどへカスタマイズコードを入れるのが一般的でしょう。 一部テーマ特有のフックはあるものの、そ…
-
リピーター（繰り返し）フィールドを使って投稿の更新情報を表示させるようにしてみた（コードメモ）
Custom Field Suiteというプラグインが最近公開停止になって、ACFのリピーターフィールド機能が有料になって乗り換えたという人が悲鳴を上げているとかなんとか．．。 そこでWordPres…
-
ボタンをクリックすると現在の画面に被せてコンテンツを表示させるショートコードの作り方
WordPressで、ボタンをクリックすると画面全体を覆う別のコンテンツがふわっと表示される機能をショートコードで実装する方法を紹介します。 何かの補足事項を表示させたり、規約的なものを表示させる際に…
-
ブロックテーマでGoogle Fontが利用できるようにする（メモ）
クラシックテーマでGoogleフォントをはじめとするカスタムフォントを適用させる方法は結構掲載されているものの、ブロックテーマではどうすれば？というのがあまりないようですので、実際に導入してみた内容を…
-
「Simple Download Monitor」プラグイン使用時に追加していたカスタマイズコード（メモ）
当サイトで長らく使用させていただいていた「Simple Download Monitor」。2024年初頭から、同じ目的のプラグイン「Download Monitor」へ変更しました。変更した経緯と理…
-
フォークしたブロックテーマで行うカスタマイズいろいろ
WordPressデフォルトテーマ第二弾としてリリースされたTwenty Twenty-Three(以下TT3と略)。ブロックテーマは基本動作のほとんどをWordPress本体に依存しているため、子テ…
-
「wp_register_style」と「wp_enqueue_style」の使い方（使用方法の違いによる読み込み方の検証）
WordPressでスタイルシートを読み込ませる処理どうしてますか？ 最終的には、「wp_enqueue_style」で読み込ませるスタイルシートと振る舞いを指定して、「wp_enqueue_scri…
-
プラグインから一番効率よくスタイルを適用する方法（考察）
プラグインを自作したときにメインとなるスタイルを読み込ませる時どうしてますか？ できた！と思っても、うまく適用されなかったり、ブロックエディター側に反映されなかったり、適用されてるけど何だかモヤモヤ．…
-
段落ブロックで行った改行を、画面幅に応じて無効にする方法（メモ）
段落ブロックなどの文章の入力では、「Shift」+「Enter」で段落内改行ができるのはご存じだと思います。 一度改行を含めた入力をして「HTMLとして編集」に切り替えると、段落内改行をした場所にbr…
-
JSやCSSを即時反映させる方法
WordPressでCSSやJSを登録・読み込ませるためには、通常以下の関数を使用して、「wp_enqueue_sctipts」にフックさせて適用させます。 関数 用途 wp_enqueue_scri…
-
もう外部CSSを読み込ませる必要なし？wp_add_inline_styleが超便利！
通常、プラグインで独自のスタイルを追加するときは、以下のようにして、別ファイルとして作ったスタイルシートファイルを登録・読み込ませますね。 ちなみにフロントエンド用なら上記の記述のようにwp_enqu…
-
ボタンをクリックすると画面外からヌルっと表示するコンテンツを実装する方法（jQuery+CSS）
WordPressでjQueryとCSSを使って、プラグインなしでスライドイン式コンテンツを実装する方法をできるだけ詳しく紹介します。
-
ショートコードでツールチップ（語句の説明）をポップアップ表示させる方法
文章中の語句に対して、マウスオーバーするとポップアップ風の説明文を出す、いわゆるツールチップ機能をWordPressの投稿や固定ページで使えるようにする方法の一例を紹介します。 この機能を実装しようと…
-
ブロックエディターでプラグインを使わずにFont Awesomeなどのアイコンフォントを使う方法（かなりアナログ）
Font Awesomeというアイコンフォントを例に、比較的簡単な手順でアイコンフォントをWordPressの投稿や固定ページ内で使う方法を紹介します。
-
標準ブロックに独自デザインを選択できるようにする方法
他にもいろいろなところで参考記事を公開されているので、今更感がありますが．．WordPress標準のブロックに対して、ボタンでスタイルの切り替えができるようにする機能の実装方法を紹介します。 まずはコ…
Loading posts…
No more posts
