Web制作

【WordPress】アーカイブページにカスタムタクソノミーの画像付きターム一覧を表示する方法

Written by o-saka
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
}
?>

 

この記事を書いた人

o-saka(@abiko41)

フリーランスでWEB作ったりロゴ作ったりしてます。
お仕事のご依頼等は下記フォームより承っております 。お気軽にお問い合わせください。

お問い合わせ