関数やフック: wp_enqueue_scripts
-
特定のボタンがクリックされた時にカウントアップする機能を設ける方法
以前に以下のページでMatomoを使ってクリック数計測(イベント計測)をする方法を紹介しました。 この方法を使えば特別なプラグインを使わなくてもクリック計測ができて便利!と思ったのですが、例えばダウン…
-
クエリーループブロック内のタイトルを1行表示に強制する方法(メモ)
WordPressのブロックエディターにおける最高の便利ブロックであるクエリーループブロック。いろいろな切り口でサイト内の情報を抽出して、リストやカード形式で表示でき、必要であればページ送りも付けるこ…
-
REST APIを使って複数のサイトから取得した新着情報を混合してカード表示させるコード例
WordPressの機能として結構重宝するREST API。今回はそれを使って以下のことをショートコードで出力するという機能を実装してみました。 実は当初、REST APIを使って複数のサイトから取得…
-
標準のコードブロックをprism.jsを使ってちょっと格好よくハイライト表示させる方法
WordPressで何かのコードを紹介するときに使う、「コード」ブロック。 背景色などは付けられるものの、ちょっとアレ(ダサい)じゃないですか? 本ページは、WordPressのコード表示をちょっとお…
-
ボタンをクリックすると現在の画面に被せてコンテンツを表示させるショートコードの作り方
WordPressで、ボタンをクリックすると画面全体を覆う別のコンテンツがふわっと表示される機能をショートコードで実装する方法を紹介します。 何かの補足事項を表示させたり、規約的なものを表示させる際に…
-
add_shortcode()のコールバック関数の中でwp_add_inline_script()をエンキューすると、読み込み順序が不安定になるかも(メモ)
まあこんなことで何で?と悩む人は稀有だとは思いますが、気づいたので一応メモ代わりに公開しておきます。 これに気づいたのは、jQueryやCSSをショートコードのコールバック関数内で適用させようとした時…
-
標準のブロックで画面領域に入ると画面外からスライドしてくるアクションを持つコンテンツを作る方法
WordPressのサイト、特にトップページなどで、画面をスクロールするとスーっと移動してくるコンテンツ見たことありますよね? 現在、このサイトのトップページでもその効果を使って表現しています。 でも…
-
「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…
-
ブロックテーマでは自身のカラーパレットを用意して運営したほうがいい理由(考察)
WordPressのデフォルトテーマにもなっているブロック形式で編集するテーマであるブロックテーマ。 この「ブロックテーマ」で基礎的なスタイル(デザイン)の設定を行っているのが「theme.json」…
-
プラグインから一番効率よくスタイルを適用する方法(考察)
プラグインを自作したときにメインとなるスタイルを読み込ませる時どうしてますか? できた!と思っても、うまく適用されなかったり、ブロックエディター側に反映されなかったり、適用されてるけど何だかモヤモヤ.…
-
段落ブロックで行った改行を、画面幅に応じて無効にする方法(メモ)
段落ブロックなどの文章の入力では、「Shift」+「Enter」で段落内改行ができるのはご存じだと思います。 一度改行を含めた入力をして「HTMLとして編集」に切り替えると、段落内改行をした場所にbr…
-
jQueryを使ってプラグイン設定フォームで、半角英数字に変換して保存させる方法
フォーカスが外れた時に、全角で入力されている文字や数字を半角に変換するものです。 フォーカスが外れる=プラグイン設定の更新ボタンをクリックした時にも動くと予想して「Hima Art Utility」プ…
Loading posts…
No more posts