Wordpress - ループ内のリピータフィールドからわずか4枚の画像を引き出す

Question

誰かが私に助けてくれたかどうかは、あなたがどのように知っていれば非常に簡単だろうと思った。

私はゲームベースのウェブサイトを作成しています。私はすべてのゲームのリストが表示されるディレクトリページで作業しています。私は 'Advanced Custom Fields'というプラグインを使用して、各ゲームのすべてのカスタムフィールドを作成しています。別のカスタムゲームのフィールド（タイトル、スクリーンショット、説明、ダウンロードボタンなどを求めて、このループ内

<?php $loop = new WP_Query(array('post_type' => 'games', 'posts_per_page' => 10)); ?> 
<?php while ($loop->have_posts()) : $loop->the_post(); ?> 

そして - ：私はゲームごとにプルするループを実行している時点では

...）。しかし、私はスクリーンショットになると問題があります。私は喜んですべてのスクリーンショットをつかむことができますが、私はちょうど4を抜き出したいと思います。私はすべてのスレッドを検索し、ドキュメントを見て、googleを押しました。 「私はまだ成功を達成していない試みた:(

スクリーンショットを引き出すための上記のループ内で私の現在のコードがありまし： -

​​

だけに私の結果を制限する方法はありますすべての利用可能なスクリーンショットを表示する代わりに合計で4つのランダムな4つのオプションがありますが、それ以上の選択肢がありますが、それほど重要な選択肢はありません。

私が今までに成功しなかったもののいくつかよりもはるかに簡単です。

何か助けていただきありがとうございました。

乾杯

ロブ

Answer 1

私はあなたが使用しているプラ​​グインについてはあまり知りません。しかし、簡単な解決策は、このようなカウンター使用して次のようになります。

<?php $i=0; ?> 
<?php while (the_repeater_field('screenshots')): ?> 

<li><a href="<?php the_sub_field('large_screenshot'); ?>" data-fancybox-group="button" class="fancybox"><img src="<?php the_sub_field('thumbnail_screenshot'); ?>" title="<?php the_sub_field('screenshot_title'); ?>"/></a></li> 

<?php if($i<4) $i++; 
     else break; ?> 
<?php endwhile; ?> 

Answer 2

私は好奇心はあなたが定義することにより、実行するための1つの以上のループを得た方法へとそれはあなたが経験しているように動作しますが、何らかの理由でなければならないときI同じ概念を投稿する私は10の画像があっても1つの結果しか出せない。

while(the_repeater_field('horse_images')): 
    $image_id = get_sub_field('image'); 
    $image_src = wp_get_attachment_image_src($image_id,medium); 
    echo '<img src="'.$image_src[0].'">'; 
endwhile; 

あなたのようにコードを変更した場合、それがうまくいくかしらと& & $ I < = 4

<?php if(get_field('screenshots')): ?> 
<?php $i = 0; ?> 
<ul class="screenshots"> 
    <?php while (the_repeater_field('screenshots') && $i <= 4): ?> 

    <li><a href="<?php the_sub_field('large_screenshot'); ?>" data-fancybox-group="button" class="fancybox"><img src="<?php the_sub_field('thumbnail_screenshot'); ?>" title="<?php the_sub_field('screenshot_title'); ?>"/></a></li> 

    $i++ 
<?php endwhile; ?> 

Answer 3

ルック：

<?php if(have_rows('gallery_img')): ?> 
    <div class="gl-images"> 
    <div class="flexslider"> 
     <ul class="slides"> 
     <?php $i=0; ?> 
     <?php while(have_rows('gallery_img')): the_row(); 
     // vars 
     $image = get_sub_field('img_item'); 
     ?> 
     <?php if($image): ?> 
     <li class="slide"> 
      <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt'] ?>" /> 
     </li> 
     <?php endif; ?> 
     <?php if($i>1) $i++; 
     else break; 
     ?> 
    <?php endwhile; ?> 
    </ul> 
    </div> 
    </div> 
<?php endif; ?>