Advanced Custom Fieldsの値が出力されない

Question

カスタム投稿のカテゴリに自由に色を設定したいと思いAdvanced Custom Fieldsを導入しました。
Advanced Custom Fieldsで設定したフィールド「catcolor」の値を出力させたいのですが、get fieldが効かず？何も反映されない状態です。
細工なコードかもしれませんが以下現状となります。

<ul class="list pc">
　<li class="item bg--01 active">全てを見る</li>　//全てのカテゴリ（現在のページなのでactive）
　<?php $categories = get_categories(array('taxonomy' => 'news_cat')); if ( $categories ) : ?> //カスタム投稿で作成したnews_catというカテゴリを取得
　<?php foreach ( $categories as $category ): ?> //以下、news_catカテゴリがあるだけ繰り返す処理
　<?php $color = get_field('catcolor');?>//catcolorの値を$colorとする
 　<a class="item bg--<?php echo $category->slug ?> <?php echo $color ; ?> <?php echo $category->slug ?>" href="<?php echo esc_url( home_url() ); ?>/news/<?php echo $category->slug ?>/">//クラスbg--の後ろにカテゴリスラッグをつけ、スラッグ自体もクラスにする。ここでcolorも出てくるはずが、何も出てこない。リンク先はドメイン/news/カテゴリ名とする。
　<li data-id="<?php echo $category->slug ?>"><?php echo esc_html( $category->name ); ?></li>//data-idとしてカテゴリスラッグを取得、テキストでカテゴリ名を出力
</a>
<?php endforeach; ?>//繰り返し処理終わり
<?php endif; ?>
</ul>

<?php the_field( '[フィールド名]' ); ?>で値が出力されると思ったのですが、何が悪いのかわかりません。

エラーなどは出ていないので、間違いはないと思うのですが…これはcatcolorを読めてないだけなのでしょうか。
詳しい方、どうぞお知恵を貸してください。

---

追記
上記phpはarchive-news.phpとtaxonomy.phpに記述します。

---

さらに追記
現状のarchive.phpです。

<ul class="list pc">
          <li class="item bg--01 active">全てを見る</li>
          <?php $categories = get_categories(array('taxonomy' => 'news_cat')); if ( $categories ) : ?>
          <?php foreach ( $categories as $category ): ?>
          <?php
          $taxonomy = 'news';
          $term_slug = get_query_var('term');
          $the_term = get_term_by('slug', $term_slug, $taxonomy);
          $cat_id = $category->cat_ID;
          $term_idsp = 'category_'.$cat_id;
          //if(get_field('catcolor', $term_idsp)){
          //echo get_field('catcolor', $term_idsp);} 必要かどうか分からないので非表示、今の所必要なさそう
          ?>
          <a class="item bg--<?php echo $category->slug ?> <?php echo get_field('catcolor', $term_idsp); ?>
 <?php echo $category->slug ?>" href="<?php echo esc_url( home_url() ); ?>/news/<?php echo $category->slug ?>/"><li data-id="<?php echo $category->slug ?>"><?php echo esc_html( $category->name ); ?></li>
          </a>
          <?php endforeach; ?>
          <?php endif; ?>
        </ul>

ここまででカラーコードをa.itemのクラス名として出力することはできました。
ここから行いたいこととして、
0. JSを使い、現在ページのURLにスラッグ名が含まれている場合、背景色をcatcolorで定めた色にする
0. 記事のループの中でカテゴリアイコンの背景色をcatcolorにする（以下コード詳細）

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- ▽ ループ開始 ▽ -->
　<li class="item">
　　<div class="item__left">
　　　<div class="item__date" datetime="<?php the_time('Y-m-d'); ?>"><?php the_time('Y.m.d'); ?></div>
　　　<?php $terms = get_the_terms($post -> ID, 'news_cat');//カスタム投稿名news_catの投稿を取得
　　　　　　　foreach($terms as $term){
　　　　　　　$term_slug = $term -> slug;
　　　　　　　}?>
　　　<div class="item__cate item__cate--<?php echo esc_html($term_slug); ?>" style="background-color:"> <!--カテゴリボタン　ここにカラーコードを入れたい-->
     <?php echo esc_html($term->name); ?><!--カテゴリ名-->
     </div>
    </div>
　<div class="item__right"> <!--記事タイトル-->
　　<?php
　　$last_post_ids = array();
　　$lastposts = get_posts('post_type=news&posts_per_page=1');
　　foreach($lastposts as $lastpost) {
　　$last_post_ids[] = $lastpost->ID;
　　}?>
　　<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
　</div>
</li>
<!-- △ ループ終了 △ -->
<?php endwhile; ?>

このコードの中に、先ほどのコードを記述してもカラーコードは表示されません。
おそらく
〜foreach($terms as $term){$term_slug = $term -> slug;}?>　で違うループを指定しているのが原因だと思うのですが
ここを変えると他の部分が表示されなくなってしまいます。

Answer 1

こちら、参考になるでしょうか?
カテゴリやタームに紐づけたカスタムフィールドを取得し、表示する

以下のように、第2引数を指定するとよさそうです。
今回の場合だと「タームID」を追加してください。

// get_field('カスタムフィールド名', カスタム分類(タクソノミー)名_タームID)
get_field('catcolor', news_cat_タームID)

Comments

[kei344]

リンク先では別の書き方をしていますよ。

[xminimx]

kei344さん
<?php get_field('カスタムフィールド名', $post->ID)?>
で行うところを、<?php get_field('カスタムフィールド名', 'カスタム分類（タクソノミー）名_タームID')?>
にするということだと思うのでnew1roさんのアドバイスを試してみようと思います。

new1roさん
ありがとうございます。ちなみにとても初歩的な質問になるのですが、タームIDはどうやって確認すれば良いでしょうか。
<?php get_queried_object_id();?>
<p>タームID：<?php $tax_id=get_queried_object_id();echo $tax_id;?></p>
これを試してみたのですが、０となったので０で良いのでしょうか。

[new1ro]

> ０となったので０で良いのでしょうか。
断言できないですが、おそらく違います。

WordPressの管理画面で、

「カテゴリやタームに紐づけたカスタムフィールドを取得し、表示する」のリンク先
https://kaiza.jp/result/result-391/
を参考に、試してみてほしいです。

-----

// カスタム分類名
$taxonomy = 'products_cat';
$term_slug = get_query_var('term');

$the_term = get_term_by('slug', $term_slug, $taxonomy);
$term_id = $the_term->term_id;

//タームのカスタムフィールドを取得するためのIDは「カスタム分類（タクソノミー）名_タームID」
$term_idsp = $taxonomy."_".$term_id;

[xminimx]

すみません、リンク先の内容をほとんど理解できていないです…
ご提示いただいた「カスタム分類名」以下のコードをarchive-news.phpに書いてみましたが何も変わりませんでした。

https://webkcampus.com/201903/1567/　こちらも参考にしながらfunction.phpとarchive.phpを編集してみたのですがこちらも何も表示されませんでした。

追記
再度確認してみて
<?php
$taxonomy = 'news';
$term_slug = get_query_var('term');

$the_term = get_term_by('slug', $term_slug, $taxonomy);
$cat_id = $category->cat_ID;

//タームのカスタムフィールドを取得するためのIDは「カスタム分類（タクソノミー）名_タームID」
$term_idsp = 'category_'.$cat_id;

//なお、タームではなく、カテゴリの場合は「category_カテゴリID」にする
//$cat_id = $category->cat_ID;
//$term_idsp = 'category_'.$cat_id;

if(get_field('catcolor', $term_idsp)){
echo get_field('catcolor', $term_idsp);
}
?>
以上を記述したところ、設定したカラーコードが表示されるようになりました、ありがとうございます！
if(get_field('catcolor', $term_idsp)){
echo get_field('catcolor', $term_idsp);
}
?>
ここで表示されていると思うのですが、cssの中に呼び出すのに苦戦しております。