Advanced Custom Fieldsでチェックボックスの値を表示させたい

Advanced Custom Fieldsを使っています。

チェックボックスで設定した値を出力する方法・色々です。

カスタムフィールドの設定

設定ページ

green:みどり

red:あか

black:くろ

記事投稿ページ

□ みどり　☑ あか　☑ くろ

↑ こんな感じで設定して、

チェックした項目を表示させたいのです。

やり方１：シンプルにカンマ区切りで表示させる

テンプレに書くコード

赤文字は書き換えてくださいませ。

<?php the_field('field_name'); ?>

表示結果

red, black

やり方２：チェックした項目をアイコンにして表示させたい

テンプレに書くコード

赤文字は書き換えてくださいませ。

<?php
 $cfcb = get_field_object('field_name');
 $cfcbId = get_post_meta($post->ID,'field_name');
 $cfcbId = $cfcbId[0];
 if($cfcb) {
 foreach($cfcbId as $v) {
 echo '<span class="ico-'. $v. '">' . $cfcb['choices'][$v] .'</span>';
 }
 }
 ?>

表示結果

あかくろ

<span class="ico-red">あか</span><span class="ico-black">くろ</span>