【WordPress】アーカイブページにカスタムタクソノミーの画像付きターム一覧を表示する方法
アーカイブページにカスタムタクソノミーの画像付きターム一覧を表示する方法の備忘録です。ちなみに画像の登録には「Smart Custom Fields」プラグインを使用しています。
ソース例
下記の例は
- タクソノミー名：
product_cat - SCFフィールド名：画像
の場合の例です。必要に応じて変更してください。
archive.php
<?php
$taxonomy_name = 'product_cat';
$terms = get_terms( $taxonomy_name, 'hide_empty=0' );
foreach ( $terms as $term ) {
?>
<div>
<a href="<?php echo get_term_link($term); ?>"><?php echo esc_html($term->name); ?>
<?php
$cat_img = SCF::get_term_meta( $term->term_id, $taxonomy_name, '画像' );
$img_url = wp_get_attachment_image_src( $cat_img, 'thumb' );
?>
<img src="<?php echo $img_url[0] ?>" alt="<?php echo esc_html($term->name); ?>" class="img-fluid">
</a>
</div>
<?php
}
?>
