クリエイター：コーディング備忘録ブログ

RSS

コーディング

Repeater Fieldの表示件数の制御

2018.03.02

リピーターフィールドの件数を制御する方法です。

今回ではリピーターフィールドに投稿された内容を最大５件まで表示することができます

<?php $i = 0; if(have_rows('repeater_field_name')): ?>
<?php while(have_rows('repeater_field_name')): the_row(); $i++; ?>
      
      <?php if( $i < 6 ): ?>

			<span class="accordion_cont"><?php echo $i.'.'; ?><?php the_sub_field('sub_field_name'); ?></span>
      <div class="accordion_box">
      <ul><?php while(have_rows('repeater_field_name')): the_row(); ?>
        <li><a href="#" class="accordion02"><?php the_sub_field('sub_field_name'); ?></a></li>
                    <?php endwhile; ?>
      </ul>
      </div>
      
      <?php endif; ?>

<?php endwhile; ?>

<?php endif; ?>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<?php $i = 0; if(have_rows('repeater_field_name')): ?>

<?php while(have_rows('repeater_field_name')): the_row(); $i++; ?>

<?php if( $i < 6 ): ?>

<span class="accordion_cont"><?php echo $i.'.'; ?><?php the_sub_field('sub_field_name'); ?></span>

<div class="accordion_box">

<ul><?php while(have_rows('repeater_field_name')): the_row(); ?>

<li><a href="#" class="accordion02"><?php the_sub_field('sub_field_name'); ?></a></li>

<?php endwhile; ?>

</ul>

</div>

<?php endif; ?>

<?php endwhile; ?>

<?php endif; ?>

この記事を見た人は次の記事も見ています。

widthでtableの幅がうまく指定できない時

前の記事

ページ外リンクにクラスを付与

次の記事

コメント

0 コメント
0 トラックバック

この記事へのコメントはありません。

最近の投稿

アーカイブ

RELATED

コーディング

GoogleMapをレスポンシブ対応させる

2017.08.25

コーディング

属性セレクタでCSSを適用させる

2017.03.28

コーディング

サーバーのお話①

2021.02.06

コーディング

グラデーションのあるボーダー作成

2017.02.02

コーディング

リストの中で画像を横並べ

2018.05.24

コーディング

画像の上に文字を配置

2017.07.07