前提・実現したいこと
wordpressのカスタムフィールド プラグインAdvanced Custom Fieldsのチェックボックス を使って表示の切り替えを行いたいです。
【背景色無し】
窓:-/-/-/-
【背景色つける】
窓:南/北/東/西
窓:南/-/東/-
<カスタムフィールド 設定>
カスタムフィールド名:window
フィールドタイプ : チェックボックス
チェックボックス選択肢
minami:南
kita:北
higashi:東
nishi:西
◯例
minami,higashiにチェックがついている
→ 窓:南/-/東/- (背景色あり)
どれにもチェックがついていない
→ 窓:-/-/-/- (背景色なし)
チェックがついている場合はその値、ついていない場合は-を表示したいです。
試したこと
Advanced Custom Fieldsでチェックボックスの値を表示させたい
上記サイトを参考に下記コードを記入したのですが
窓:南/-/東/- としたいところが
窓:南 窓:東
という風に別れて表示がされてしまいます。
page.php
1<?php 2$cfcb = get_field_object('window'); 3$cfcbId = get_post_meta($post->ID,'window'); 4$cfcbId = $cfcbId[0]; 5$text = "窓:"; 6if($cfcb) { 7foreach((array)$cfcbId as $v) { 8echo '<div class="bg-'. $v. '">' . $text . $cfcb['choices'][$v] .'</div>'; 9} 10} 11?>
CSS
1.bg-minami, .bg-kita, .bg-higashi, .bg-nishi{ 2 background: #000000; 3 color: #fff; 4}
有識者の方がいらっしゃいましたら、教えていただけますと嬉しいです。
どうぞ宜しくお願いいたします。
回答1件
あなたの回答
tips
プレビュー