Advanced Custom Fields : Repeater Fieldの出力例｜ Mana Design Lab.

「Repeater Field」は繰り返し使えるカスタムフィールドのひな形を作って、顧客（編集者）が自由に追加したり、並び替えをすることができるAdvanced Custom Fieldsの有料ライセンスの拡張機能（アドオン）です。

<?php if(get_field('image')) : while(the_repeater_field('image')) : ?>
<section>
<h2><?php the_sub_field('title'); ?></h2>
<img src="<?php the_sub_field('image'); ?>" width="300" height="200" alt="<?php the_sub_field('title'); ?>">
<p><?php the_sub_field('caption'); ?></p>
</section>
<?php endwhile; endif; ?>

<?php if(get_field('image')) : while(the_repeater_field('image')) : ?>

<img src="<?php the_sub_field('image'); ?>" width="300" height="200" alt="<?php the_sub_field('title'); ?>">

</section>

<?php endwhile; endif; ?>

公式では下記のように紹介されています。

<?php
if(have_rows('repeater_field_name')) :
    while(have_rows('repeater_field_name')) : the_row();
        the_sub_field('sub_field_name');
    endwhile;
else :
endif;
?>

<?php

if(have_rows('repeater_field_name')) :

while(have_rows('repeater_field_name')) : the_row();

the_sub_field('sub_field_name');

endwhile;

else :

endif;

<?php if( have_rows('repeater_field_name') ) : ?>
	<ul class="slides">
	<?php while(have_rows('repeater_field_name')) : the_row(); 
		// vars
		$image = get_sub_field('image');
		$content = get_sub_field('content');
		$link = get_sub_field('link');
		?>
		<li class="slide">
			<?php if( $link ) : ?>
				<a href="<?php echo $link; ?>">
			<?php endif; ?>
				<img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt'] ?>" />
			<?php if( $link ) : ?>
				</a>
			<?php endif; ?>
		    <?php echo $content; ?>
		</li>
	<?php endwhile; ?>
	</ul>
<?php endif; ?>