タグ: jQuery
-
標準のアコーディオンブロックをスムーズに開閉させるようにするコード例
WordPress 6.9で追加されたアコーディオン（開閉）ブロック。以下の例のように、表題をクリックすると中身が表示されるようにするブロックです。 上の例では「ここをクリックすると中身が開閉します」…
-
標準ギャラリーのライトボックスを拡張して、ギャラリー内の画像を切り替え表示させる方法
WordPress標準のギャラリーブロック、画像ブロックと同様にギャラリー全体のリンク先に「画像をメディアファイルにリンク」と指定することで中の画像をクリックした時に拡大して表示できるようになるのは、…
-
メタボックスを使わずにカスタムフィールドの値を追加・更新・削除する方法（リアルタイムコラボレーション対応）
WordPressでカスタムフィールドの操作を編集画面下にあるカスタムフィールド一覧で直接書き換えずに、どこかのパネルで変更させたいという時に使うメタボックス、このページに到達した方は当然これを使った…
-
管理画面のチェックボックスをトグルボタンに変える方法
WordPressの管理画面ってなんだか素っ気ないですよね。チェックボックスをトグルに変えて少しでも華やかになるようにするコード例です。 以下のような感じで表示されるようになります。 ※上図のスタイル…
-
CSSをHTMLソースに直接出力する、wp_add_inline_style()の使い方
WordPressでは、通常はスタイルコードを書いたスタイルシートファイルを読み込んで（登録とエンキューをして）適用させるのが普通ですね。 でも、wp_add_inline_style()関数を使うと…
-
ログイン画面や管理画面のbody直下にHTMLなどを挿入するコードメモ
WordPressにはwp_body_openというフックがあり、対応しているテーマではフロントエンドにおいてbodyタグの直下に何かのコンテンツを挿入できるようになっています。 これを使えばタグマネ…
-
「抜粋」項目をクイック編集で編集できるようにする方法
クイック編集で「抜粋」項目を編集できるようにするには？テーマへ追加して機能を追加する一連のコードの紹介、仕組みの解説、なぜこの機能に関する情報が少ないのかなどを詳しく紹介します。
-
クイック編集ボタンをクリックした時に、画面上部に移動させないようにする方法
投稿編集画面などで、一覧の途中までスクロールした状態でクイック編集リンクをクリックした時、画面の上部（リストの一番先頭）に移動してしまって、再び編集したい項目まで移動させるのが面倒だと感じることありま…
-
WPのカスタムブロック作り ③カスタムブロック編集をする際の作法と更新方法
WordPressの開発環境にインストールしたブロック開発用プラグインの動作、編集の仕方、確定（ビルド）の方法などを事例を交えて紹介します
-
中に入れたブロックがクリックでポップアップ表示されるショートコードの作り方
リンクをクリックするとショートコード内に挿入したブロックがポップアップ表示される機能を追加するコード例です。 本ページの機能を実装することで以下のようなことができるようになります。 ブロック編集が主流…
-
特定のボタンブロックのクリック数をMatomoのクリックイベント計測を使って解析する方法（例）
GA4(Google Analytics)を使用せずにより詳細なアクセス解析が行えるMatomo。個人的にはGA4よりも見やすくて重宝しています。 Matomoって何？という方は以下でレンタルサーバー…
-
標準のブロックと少量のコードでタブ切り替えコンテンツを作る方法
ページ内のタブ切り替えは、内容が長くなってしまうのを防ぐのにいい方法ですし、何よりHTML上には出力されているので検索エンジンからきちんと内容を認識してもらえるのでとても好都合です。 しかしながらWo…
-
特定のボタンがクリックされた時にカウントアップする機能を設ける方法
以前に以下のページでMatomoを使ってクリック数計測（イベント計測）をする方法を紹介しました。 この方法を使えば特別なプラグインを使わなくてもクリック計測ができて便利！と思ったのですが、例えばダウン…
-
リピーター（繰り返し）フィールドを使って投稿の更新情報を表示させるようにしてみた（コードメモ）
Custom Field Suiteというプラグインが最近公開停止になって、ACFのリピーターフィールド機能が有料になって乗り換えたという人が悲鳴を上げているとかなんとか．．。 そこでWordPres…
-
標準のコードブロックをprism.jsを使ってちょっと格好よくハイライト表示させる方法
WordPressで何かのコードを紹介するときに使う、「コード」ブロック。 背景色などは付けられるものの、ちょっとアレ（ダサい）じゃないですか？ 本ページは、WordPressのコード表示をちょっとお…
Loading posts…
No more posts
