【WP】カテゴリ毎にメインビジュアルの背景画像を替える

2022 8/09

2018.12.6 2022.8.9

参考サイト：
カテゴリに画像のカスタムフィールドを追加する方法[WordPress]/

必要なもの：
Advanced Custom Fields

準備：
カテゴリに画像カスタムフィールド「catimg」を追加

コード：

<?php $category = get_the_category(); $cat_id = get_queried_object()->cat_ID;
  $post_id = 'category_'.$cat_id;
  $catimg = get_field('catimg',$post_id);
  $img = wp_get_attachment_image_src($catimg, 'full');
?>

画像の登録がない場合は、デフォルト画像を表示

<div style="background: url('<?php if($img) {echo $img[0];} else {echo get_stylesheet_directory_uri() . '/images/cat_default.jpg' ;} ?>') no-repeat center top; background-size: auto 100%;">