Вечер добрый. Как вывести the_title() последних 5 постов по отдельности в каждую кнопку слайдера. ТОесть: 1 кнопка - тайтл последнего поста, 2 кнопка - тайтл предпоследнего поста и тд. Кнопки это блоки с класом - "switcher-row-btn".
Желательно сохранить разметку html. Приходили мысли чтобы получать 5 последних постов в цикле и раскидывать их тайтлы в кнопки, но не могу придумать как написать такой цикл.
<div class="wrap-slider">
<div class="slider">
<?php
$trololo = get_posts( array(
'numberposts' => 5,
'category' => 4,
'post_type' => 'post',
'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
) );
foreach( $trololo as $post ){
setup_postdata($post);
?>
<div class="display-wrap ">
<div class="display">
<div class="display-img">
<?php the_post_thumbnail('post_thumb') ?>
</div>
<div class="display__trapezoid">
<div class="trapezoid-wrapper">
<div class="trapezoid-title"><?php the_title(); ?></div>
<div class="trapezoid-sub"><?php the_excerpt(); ?></div>
<div class="trapezoid-btn">
<a href='<?php the_permalink() ?>'><button class="trapezoid-click">Read more</button></a>
</div>
</div>
</div>
</div>
</div>
<?php
}
wp_reset_postdata(); // сброс
?>
</div>
<div class="slider-switcher">
<div class="switcher-row">
<div class="switcher-row-btn "><?php the_title() ?></div>
<div class="switcher-row-btn "><?php the_title() ?></div>
<div class="switcher-row-btn "><?php the_title() ?></div>
<div class="switcher-row-btn "><?php the_title() ?></div>
<div class="switcher-row-btn "><?php the_title() ?></div>
</div>
</div>
</div>