Web制作忘備録

ACF カテゴリ画像の設定と出力

トップ MEMORANDAM WORDPRESS

ACF カテゴリ画像の設定と出力

ACF

カテゴリやタームに画像フィールドを追加して表示させる方法

ACFに画像フィールドを追加

カスタムフィールドで通常通り画像フィールドを作成
表示ルールの設定を
左から「タクソノミー等しいカテゴリー」で選択するとカテゴリ画面に画像設定フィールドが追加される

出力方法

//カテゴリーに追加した画像を一覧で表示する方法
<ul>
	<?php
	$categories = get_categories();
	foreach ( $categories as $category ):
	$img = get_field('フィールド名','category'.'_'.$category->term_id);
	?>
	<li><img src="<?php echo $img['url']; ?>" alt="<?php echo $category->name; ?>"></li>
	<?php endforeach; ?>
</ul>

//single.phpで画像を表示する場合
<ul>
	<?php 
	if(have_posts()): while(have_posts()): the_post();
	$category = get_the_category();
	$img = get_field('フィールド名','category'.'_'.$category[0]->term_id);
	?>
	<li><img src="<?php echo $img['url']; ?>" alt="<?php echo $category[0]->name; ?>"></li>
	<?php endwhile; endif; ?>
</ul>