タームの投稿一覧でサムネイル画像を「投稿 > ターム > 静的」の優先順位で取得表示させる

[ ID : 2891 ]
シルバー
タームの投稿一覧でサムネイル画像を「投稿 > ターム > 静的」の優先順位で取得表示させる

概要

【Wordpress】カテゴリーなどのターム一覧で各投稿ごとにサムネイル画像を表示させる場合に、(1)「投稿にアイキャッチ設定があればアイキャッチ画像」、(2)「投稿に画像がなければタームに設定された画像」、(3)「両方なければ静的な画像」を取得表示させるif分岐処理について。

用途

  • categoryなどtermの投稿の一覧で、各投稿にサムネイル画像を表示させる場合に、
    1. 投稿に画像設定があればその画像をサムネイルとして表示
    2. 投稿に画像設定がなければ、タームに設定された画像をサムネイルとして表示
    3. 上記の両方に設定がなければ静的な画像を表示

    のロジックでサムネイルを取得表示させる。

注意事項

  • 画像の設定(出力)はACF(Advanced Custom Fields)の使用を想定しています。
  • ターム画像の返り値は「ID」であるものとします。
  • 流用しやすいようにhtml要素からclassを省いています。案件に合わせて任意のclassを付与してお使いください。

実装方法

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録