カスタムフィールドが空欄の場合、要素を作成しないようにしたい

Question

実現したいこと

カスタムフィールドが空欄の場合、要素を作成しないようにしたい

前提

WordpressでACFプラグインを使い、ギャラリーを作成しています。
カスタムフィールドに画像を設定し、lightboxを使って拡大表示できるようにしています。

カスタムフィールドは6つ用意していますが、5枚以下しか入力しなかった場合、空白のDivが作られ、lightboxでループができません。

<?php
            // カスタムフィールドの値を取得
            $value = get_post_meta( get_the_ID(), 'sample_key', true );
            // カスタムフィールドの値がある場合
            if( $value ){ 
                echo $value;
            }
            ?>

            <div class=" gallery--item">
              <a href="<?php the_field('gallery_1'); ?>" data-lightbox="group-1">
                <img src="<?php the_field('gallery_1'); ?>" alt="">
              </a>
            </div>
            <div class="gallery--item">
              <a href="<?php the_field('gallery_2'); ?>" data-lightbox="group-1">
                <img src="<?php the_field('gallery_2'); ?>" alt="">
              </a>
            </div>
            <div class=" gallery--item">
              <a href="<?php the_field('gallery_3'); ?>" data-lightbox="group-1">
                <img src="<?php the_field('gallery_3'); ?>" alt="">
              </a>
            </div>
            <div class=" gallery--item">
              <a href="<?php the_field('gallery_4'); ?>" data-lightbox="group-1">
                <img src="<?php the_field('gallery_4'); ?>" alt="">
              </a>
            </div>
            <div class=" gallery--item">
              <a href="<?php the_field('gallery_5'); ?>" data-lightbox="group-1">
                <img src="<?php the_field('gallery_5'); ?>" alt="">
              </a>
            </div>
            <div class=" gallery--item">
              <a href="<?php the_field('gallery_6'); ?>" data-lightbox="group-1">
                <img src="<?php the_field('gallery_6'); ?>" alt="">
              </a>
            </div>

入力されたカスタムフィールドのみgallery--itemクラスのDivを作成するにはどうしたらいいでしょうか？

Answer 1

データを変数に入れて有無を判定すれば不要なものは出力されないし違いがメタキーだけならループで回せば無駄が無い。

<?php
for ( $i = 1; $i <= 6; $i++ ) {
	$img = get_field( 'gallery_'.$i );
	if( !empty( $img ) ) {
		?>
		<div class=" gallery--item">
			<a href="<?php echo $img; ?>" data-lightbox="group-1">
				<img src="<?php echo $img; ?>" alt="">
			</a>
		</div>
		<?php
	}
}
?>

Comments

[kkang]

お時間が空いてしまって申し訳ございません。
そして的確なご教示、誠にありがとうございます。
スクリプトがとても美しくなりました。