ACFカラーピッカーでカスタム投稿カテゴリの背景色を管理画面から変える

やりたいこと

Wordpressのカスタム投稿記事に表示するカテゴリタグの背景色を
管理画面から設定できるようにする。

方法

プラグイン『Advanced Custom Field』のカラーピッカーを使用します。

1. フィールドタイプ「カラーピッカー」を選択

2. 管理画面から色を選択

3. 出力したい箇所に以下を記載

タクソノミー：blog_taxonomy

shingle-blog.php

<?php if (has_term('','blog_taxonomy')): ?>
  <ul class="p-blogpage__article__tags">
    <?php
      $cats = get_the_terms($post->ID,'blog_taxonomy');
      foreach ( $cats as $cat ){
        $cat_link = get_category_link($cat->term_id); //注意：cat_idじゃない
        $cat_name = $cat->name;
        $cat_id = $cat->term_id;
        $cat_color = 'category_'.$cat_id;
        $back_color = get_field('ca_color',$cat_color);
    ?>

    <li class="p-blogpage__article__tag">
      <a href="<?php echo $cat_link; ?>" style="background-color:<?php echo $back_color; ?>; ?>"><?php echo $cat_name; ?></a>
    </li>

    <?php } ?>
  </ul>
<?php endif; ?>