@ozerovlife
Front-end Developer

Как вывести the_title() в нужное место?

Вечер добрый. Как вывести 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>
  • Вопрос задан
  • 51 просмотр
Пригласить эксперта
Ответы на вопрос 1
AntonLitvinenko
@AntonLitvinenko
HTML coder
я имел в виду как-то так:
<div class="slider-switcher">
	<div class="switcher-row">
		<?php
			foreach( $trololo as $post ){
			setup_postdata($post);
			?>
				<div class="switcher-row-btn "><?php the_title() ?></div>
			<?php
			}
			wp_reset_postdata();
		?>
	</div>
</div>


но вариант, предложенный в комментариях мне нравится немного больше
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы