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

RSS

コーディング

WordPressのwhile文を1回で終了

2018.06.13

Advanced Custom Fieldsの「Repeater Field」では、画像を制限なく追加できたり、便利な機能です。

そんな機能の中で、topページだけリピーターの最初の値だけ表示させたいとき、

<?php query_posts( array(
    'post_type' => 'カスタム投稿名', //カスタム投稿名
    'taxonomy' => 'タクソノミー名',
    'term' => 'large',
    'posts_per_page' => 5 //表示件数（ -1 = 全件 ）
)); ?>
<?php if(have_posts()): ?>
<?php while(have_posts()):the_post(); ?>

   
<?php if(have_rows('')): ?><?php while(have_rows('カスタムフィールド名')): the_row(); ?>
<li><img src="<?php the_sub_field('サブカスタムフィールド'); ?>"></li>
<?php endwhile; ?><?php endif; ?>
<?php $i = 0; if(have_rows('カスタムフィールド名')): ?>
<?php while(have_rows('カスタムフィールド名')): the_row(); $i++; ?>
<?php if( $i < 2 ): ?>
<li class="item<?php echo $i; ?>">
   <p><a href="<?php the_permalink(); ?>"><img src="<?php the_sub_field('サブカスタムフィールド'); ?>"></a></p>
   <h5><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5>
</li>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
    </ul>
<?php endwhile; else: ?>
　　　
<?php endif; ?>
<?php wp_reset_query(); ?>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<?php query_posts( array(

'post_type' => 'カスタム投稿名', //カスタム投稿名

'taxonomy' => 'タクソノミー名',

'term' => 'large',

'posts_per_page' => 5 //表示件数（ -1 = 全件）

)); ?>

<?php if(have_posts()): ?>

<?php while(have_posts()):the_post(); ?>

<?php if(have_rows('')): ?><?php while(have_rows('カスタムフィールド名')): the_row(); ?>

<li><img src="<?php the_sub_field('サブカスタムフィールド'); ?>"></li>

<?php endwhile; ?><?php endif; ?>

<?php $i = 0; if(have_rows('カスタムフィールド名')): ?>

<?php while(have_rows('カスタムフィールド名')): the_row(); $i++; ?>

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

<li class="item<?php echo $i; ?>">

<p><a href="<?php the_permalink(); ?>"><img src="<?php the_sub_field('サブカスタムフィールド'); ?>"></a></p>

<h5><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5>

</li>

<?php endif; ?>

<?php endwhile; ?>

<?php endif; ?>

</ul>

<?php endwhile; else: ?>

　　　

<?php endif; ?>

<?php wp_reset_query(); ?>

の部分でwhile文を終了させることで、最初の画像だけを取り出すことが可能です。

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

ｗｐの自動更新を完全停止

前の記事

カスタムフィールドに画像が設定されていないとき

次の記事

コメント

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

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

最近の投稿

アーカイブ

RELATED

コーディング

【jQuery】長い文字列を省略し「…」にする

2017.03.27

コーディング

第二十八回「ContactForm7 プラグインで簡単にお問い合わせページを作る」

2016.05.18

コーディング

サーバーのお話④

2021.02.09

コーディング

background画像をレスポンシブ対応

2018.01.31

コーディング

メディアクエリ

2018.04.24

コーディング

inputのズレを揃える

2018.06.05