2024(令和6)年4月5日WordPressのカスタマイズ【景品表示法に基づく表記】ページ内のコンテンツには、商品プロモーションが含まれていますWordPressの標準ブロックであるクエリーループを使って、特定のクエリーループでは以下のような条件で情報を抽出して表示する方法を紹介します。呼ばれるもので、そうした専用機能を使わなくてもWordPress標準のクエリーループだけを使って作れるのが魅力でしょう。本ページのカスタマイズは、テーマのfunctions.phpへのコード追記、クエリーループブロックの設定にある程度慣れている方が対象となりますクエリーループを使った関連投稿の表示サンプル百聞は一見に如かずということで、以下がこのページの方法でこのページのカテゴリーに紐づく関連投稿実際に表示させたものです。WordPress標準のクエリーループでこれができたら、専用プラグインやその機能を持つことをウリにしているテーマは必要ないでしょうし、標準の仕組みですから特にブロックテーマとの親和性は高いです。上下で関連投稿として表示されているものが違うのは、ランダム抽出しているからです(これについては後述します)。【TT2】ショートコードでテンプレートを呼び出す方法2022年9月11日2022年9月11日レンタルサーバーへ「Matomo」をインストールする方法、WordPressと連携させて使う方法2024年1月7日2023年5月13日アイキャッチ画像付きで投稿コンテンツを抽出後、いろいろとブロックエディター上で調整はしていますが、調整部分は本ページでは詳しく解説していませんこれをサイトエディターの投稿テンプレートの本文下などに入れれば自動で関連投稿を表示できますし、同期パターンに入れて本文の任意の場所に表示させるなんてこともできますね。🡅クエリーループを使って関連投稿を作るコード恐らく「え?できるの?早くやり方教えて!」と言われそうなので、早速。以下が抽出用のコードです。有効化しているテーマのfunctions.phpへ貼り付けてください。);関連投稿にしたいクエリーループをどこか(サイトエディターの投稿テンプレートやテスト的に作成した投稿などでも可)に挿入します。クエリーループは、以下のような階層構造になっているので、「投稿コンテンツ」の「高度な設定」→「追加CSSクラス」へ「related-posts」というクラスを追加します。日付その他...ページ送り結果なしテンプレートの保存する、またはテスト的に作成した投稿であれば適当なカテゴリーを割り当てた状態で下書き保存し、表示またはプレビューしてみてください。カテゴリーに紐づいた投稿がクエリーループで指定した件数分ランダムに表示されるはずです。あとはスタイルなどを調整してください(上のサンプルも特別なスタイルコードは書いておらず、すべてブロックのオプションで指定しています)。コードの内容としては、このページの主旨の通り、その投稿に紐づくカテゴリーを抽出し、特定のCSSクラスを持つ投稿コンテンツにそのカテゴリーに紐づく投稿をランダムに抽出して!と指示しています(詳細は割愛します)。個人的にクエリーループって指定できる条件少ないなぁなんて思っていましたが、こういう使い方を覚えれば利便性を深く感じますし、また一つサイト作りの幅が広がりますね。ちなみに以下のページでクエリーループの条件変更について詳しく書いていますので参考にどうぞ。本ページで掲載した内容や、紹介した参考コードなどがお役に立てたようでしたら、ページ末尾のコメント欄よりコメントを残す、SNS等で拡散するなどしていただけましたら幸いです。本ページ掲載の方法やコード等はあくまでも最終更新日時点での私の環境において動作確認等を行ったものです。動作不良やカスタマイズの詳細な方法などをコメント欄よりいただきましても原則回答は致しませんのでご了承ください。WordPressのカスタマイズに関するご要望はココナラにてお受けしております。お問い合わせ方法など詳しくはこちらをご覧ください。最後までお読みいただきありがとうございました。Tenテーマがデフォルトになる前と結構な期間お世話になっています。興味に応じて、いろいろなサイト作っては壊しを繰り返しながら、独自テーマの作成やプラグインの作成などを行っています。Utility】プラグインの紹介などをしています。コメントをキャンセルメールアドレスが公開されることはありません。次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。(PWCN)WordPressで実際に行ったカスタマイズの記録、発生したトラブルに対処した時のメモ、ブロックテーマのカスタマイズなどこのスライドメニューは以下のページの方法を使って実装しています。以下のページでタブ切り替え式のコンテンツの作り方を公開しました。Utility】プラグインをバージョン5.1へ更新しました。Monitorプラグインからの離脱方法メモ(ちょっと大変かも..)。