カテゴリに画像のカスタムフィールドを追加する方法

カテゴリに画像のカスタムフィールドを追加する方法

SPONSORED LINK

投稿のカテゴリにACFで登録した画像を表示するコード

<?php
$categories = get_categories();
//$categories = get_categories('parent=0'); 親カテゴリーのみ
foreach($categories as $category) :
 
$cat_id = $category->cat_ID;
$post_id = 'category_'.$cat_id; 
   
$catimg = get_field('catimg',$post_id);
$img = wp_get_attachment_image_src($catimg, 'full');
?>
<div><?php echo $category->cat_name; ?></div>
<div><a href="category/<?php echo $category->category_nicename; ?>"><img src="<?php echo $img[0]; ?>" alt="<?php echo $category->cat_name; ?>" /></a></div>
<?php endforeach; ?>

カスタム投稿のterm(ターム)に設定した画像をターム(カテゴリ)一覧で設定した画像付で表示させるコード

<?php
$taxonomy_name = 'item_category'; //表示したいtaxonomynameを設定、ここではターム名をitem_categoryにしたのでそれを入れてます。
$taxonomys = get_terms($taxonomy_name);
if(!is_wp_error($taxonomys) && count($taxonomys)):
    foreach($taxonomys as $taxonomy):
        $term_id = esc_html($taxonomy->term_id);
        $term_idsp = "item_category_".$term_id; //カスタムフィールドを取得するのに必要なtermのIDは「taxonomyname_ + termID」
        $photo = get_field('itemcategoryimg',$term_idsp);
        $photosp = wp_get_attachment_image_src($photo, 'full');
?>

<ul id="CPTUI_itemcateBtn">
<li>
<a href="/item_category/<?php echo esc_html($taxonomy->slug); ?>"><img src="<?php echo $photosp[0]; ?>" alt="<?php echo esc_html($taxonomy->name); ?>">
<span class="title"><?php echo esc_html($taxonomy->name); ?></span></a>
</li>
</ul

<?php
    endforeach;
endif;
?>

参考サイト
http://kotori-blog.com/wordpress/cat_customfields/
http://kotori-blog.com/wordpress/taxonomy_customfields/

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP