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

参考サイト:
カテゴリに画像のカスタムフィールドを追加する方法[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%;">
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

目次