Как сделать два лупа в wordpress?

Question

[Никита]

Добрый вечер, подскажите, пожалуйста, как сделать два лупа в wordpress? Имеем слайдер slick и плагин acf, при добавлении слайда в ВП, должен выводиться сам слайд и маленькие превью остальных. Наверное тут не два лупа, а один нужен, но моих знаний недостаточно, заранее спасибо за помощь

<?php get_header(); ?>

<div class="slider-content">
  <?php while ( have_posts() ) : the_post(); ?>
    <?php $image = get_field('img'); ?>

    <div class="slider-for">
      <div>
        <div style="background-image: url(<?php echo $image['url']; ?>)" class="slider__inner"></div>
      </div>
    </div>
  <?php endwhile; ?>
</div>

<div class="slider-nav">
  <?php while ( have_posts() ) : the_post(); ?>
    <div>
      <div style="background-image: url(<?php echo $image['url']; ?>)" class="slider__inner">
      </div>
    </div>
  <?php endwhile; ?>
</div>

<?php get_footer(); ?>

Answer 1

[WP Panda]

Можно так

<?php
$main ='';
$thumb ='';
while ( have_posts() ) : the_post();
	$image = get_field('img');
	$main .= sprintf('<div class="slider-for"><div><div style="background-image: url(%s)" class="slider__inner"></div></div></div>', $image['url']);
	$thumb .= sprintf('<div><div style="background-image: url(%s)" class="slider__inner"></div></div>', $image['url']);
endwhile;

printf('<div class="slider-content">%s</div><div class="slider-nav">%s</div>',$main,$thumb);