PHP while loop, отображение в парах двух

Question

В Wordpress я создаю слайдер для перемещения по содержимому, которое пользователь указывает. Я использую ACF (расширенные настраиваемые поля), если кто-то знаком с этим, однако то, что я пытаюсь выполнить, состоит в том, чтобы одновременно показывать два элемента контента, перемещаясь по ползунку jQuery.

Вот мой цикл:

<?php while(has_sub_field('popular_topic')): ?> 
    <li> 
     <div class="slide"> 
      <img src="<?php the_sub_field('popular_topic_image'); ?>" alt="" /> 
      <div class="img-wrapper"></div> 
      <div class="slider-content"> 
       <?php 

       $len = 60; 
       $popularTopicTitle = get_sub_field('popular_topic_title'); 

       $newContent = substr($popularTopicTitle, 0, $len); 
       if(strlen($newContent) < strlen($popularTopicTitle)) { 
        $newContent = $newContent.'...'; 
       } 
       echo '<p>'.$newContent.'</p>'; 

       ?> 
       <a class="more-arrow" href="<?php the_sub_field('popular_topic_link'); ?>">Read More</a> 

      </div> 
     </div> 
    </li> 

<?php endwhile; ?> 

Это в настоящее время работает, однако он показывает только один слайд. Я хочу, чтобы он показывал два слайда и время. Есть что-то, что я могу сделать с прилавком? Имеет ли это смысл?

Answer 1

Возможно, мой синтаксис может быть немного выключен, но, может быть, это даст вам шанс?

<?php $i = 0; ?> 
<?php while(has_sub_field('popular_topic')): ?> 
    <?php 
     $len = 60; 
     $popularTopicTitle = get_sub_field('popular_topic_title'); 
     $newContent = substr($popularTopicTitle, 0, $len); 
     if(strlen($newContent) < strlen($popularTopicTitle)) { 
      $newContent = $newContent.'...'; 
     } 
     $contentVar[$i] = array (
      'img' => the_sub_field('popular_topic_image'), 
      'title' => $newContent, 
      'link' => the_sub_field('popular_topic_link') 
     ); 
     $i++; 
    ?> 
<?php endwhile; ?> 
<?php $j = 0; ?> 
<?php while ($j < $i) : ?> 
<li> 
    <div class="slide"> 
     <img src="<?php echo $contentVar[$j]['img']; ?>" alt="" /> 
     <div class="img-wrapper"></div> 
     <div class="slider-content"> 
      <p><?php echo $contentVar[$j]['title']; ?></p> 
      <a class="more-arrow" href="<?php echo $contentVar[$j]['link']; ?>">Read More</a> 
     </div> 
     <?php $j++; ?> 
     <?php if ($j <= $i) : ?> 
      <img src="<?php echo $contentVar[$j]['img']; ?>" alt="" /> 
      <div class="img-wrapper"></div> 
      <div class="slider-content"> 
       <p><?php echo $contentVar[$j]['title']; ?></p> 
       <a class="more-arrow" href="<?php echo $contentVar[$j]['link']; ?>">Read More</a> 
      </div> 
     <?php endif; ?> 
    </div> 
</li> 
<?php $j++; ?> 
<?php endwhile; ?>