wordpress smart custom field でのグループ出力の条件分岐について

Question

こんにちわ。初めて投稿いたします。商品を紹介するサイトを制作しており、
wordpressでスマートカスタムフィールドを使って商品の登録をしています。
その中でカラー展開をする商品を登録する項目として、
繰り返しのグループフィールド名「color」を作り、
画像「colorimg」
テキスト[colorid」をセットとして登録していきます。

このグループフィールド名「color」は登録されないときは

<div class="wrap shadow">ごと非表示にし、 登録があるときは <div class="colorBox">を繰り返し表示されるようにしたいです。

htmlは以下です。

<div class="wrap shadow">//←「color」の登録が1つもない場合、このdivを非表示にしたいです 　<div class="colorBox">//←登録がある場合、1つのカラー展開の登録ごとに このdivごと繰り返したいです。 　<span class="colThumb">ここに画像を表示</span> 　<span class="db mt10">ここにテキストを表示</span> 　<div> </div> --------------------------------------------- なお、通常の出力なら以下のコードで出力可能なのですが、 グループごとの登録がなかった場合<div class="wrap shadow">は出力されたままで、変な囲いだけ見えてしまう状態です。 しかもclass="colorBox"　内で画像やテキストが繰り返し処理をされてしまいます。 phpのコードを入れる場所を間違えているのはわかるのですが、入れ替えてしまうと表示すら出来なくなってしまい、混乱しています。 <div class="wrap shadow"> 　<div class="colorBox"> 　　<?php 　　$field_group = SCF::get( 'color' ); 　　foreach ( $field_group as $fields ) { 　　?> 　　　<span class="colThumb"> 　　　<?php//画像出力 　　　$image = get_post_meta($post->ID, 'colorimg', true); 　　　echo wp_get_attachment_image($fields['colorimg'], 'full'); 　　　?> 　　　</span> 　　　<span class="db mt10"> 　　　<?php //画像出力 　　　echo esc_html( $fields['colorid'] ); 　　　?></span> 　　<?php } ?> 　</div> </div>

今まではなんとか調べて解決してきましたが、上記の場合の対応策がどうしても調べても出てきません。
本当に初歩的な質問になってしまい申し訳ないのですが、かなり行き詰まってしまっています。
どうかお分かりになる方がいらっしゃいましたらご教授いただければありがたいです。
よろしくお願いいたします。

Answer 1

コードは<code>を押して書いてください。

<div class="wrap shadow">と、それを閉じる</div>は繰り返さなくてもいいのであろうという推測ですが、こんな感じでいい思います。

<?php
$field_group = SCF::get( 'color' );
if( $field_group[0]['colorimg'] ) { 
	echo '<div class="wrap shadow">';
}
foreach ( $field_group as $fields ) {
	if( $fields['colorimg'] ) { 
?>
<div class="colorBox">
<span class="colThumb">
<?php//画像出力
$image = get_post_meta($post->ID, 'colorimg', true);
echo wp_get_attachment_image($fields['colorimg'], 'full');
?>
</span>
<span class="db mt10">
<?php //画像出力
echo esc_html( $fields['colorid'] );
?></span>
</div>
<?php 
	}
}
if( $field_group[0]['colorimg'] ) { 
	echo '</div>';
}
?>

Comments

[yucca120103]

回答ありがとうございました！頂きましたコードを入力すると、なぜか
$image = get_post_meta($post->ID, 'colorimg', true);
の行にエラーが出てしまいました。
その行を消すと表示されました！
ご丁寧にご回答いただきましてありがとうございました。
そして今後は質問の際に<code>を押して入力させていただきます。
本当に有難うございました。