WordPress Smart Custom Fieldsで作ったグループの中で入力のない項目を非表示にしたい

Question

Smart Custom Fields の繰り返しフィールドを利用しているんですが、記入がある時はdt、ddに表示されて記入がない時はdl要素と<h5>タイトル</h5>を非表示にしたいです。
Google先生に聞いてみてあれこれ試してみると未記入部分は非表示にする事はできたのですが、記入されている箇所ではレイアウトが崩れてしまったりとうまくいきません。
詳しい方に是非お知恵をお借りできればと思います。

該当のソースコード

<h5>略歴</h5>
<dl class="instData02">
<?php
    $repeat_group = SCF::get( 'teamgroup' );
    foreach ( $repeat_group as $fields ) {
?>
<?php if ( '' != $fields['teamYear']): ?>
<dt><?php echo esc_html( $fields['teamYear'] ); ?>年</dt>
<?php endif; ?>
<dd><?php echo esc_attr( $fields['teamDetails'] ); ?></dd>
<?php } ?>
</dl>

補足情報（FW/ツールのバージョンなど）

WordPress　バージョン 4.9.6

Comments

[kei344]

「レイアウトが崩れて」とは具体的にどのようになるのか、スクリーンショットや出力されたHTML（ブラウザで「ページのソースを表示」）を質問文に追記ください。

Answer 1

teratailに似たような質問がありましたので参考にコードを入れてみたら思い通りにいきました。

<?php
$field_group = SCF::get( 'teamgroup' );
if( $field_group[0]['teamYear'] ) { 
    echo '<h5>タイトル</h5><dl class="instData02">';
}
foreach ( $field_group as $fields ) {
    if( $fields['teamYear'] ) { 
?>
<?php if ( '' != $fields['teamYear']): ?>
<dt><?php echo esc_html( $fields['teamYear'] ); ?>年</dt>
<?php endif; ?>
<dd><?php echo esc_attr( $fields['teamDetails'] ); ?></dd>
<?php 
    }
}
if( $field_group[0]['teamYear'] ) { 
    echo '</dl>';
}
?>

参考サイト