Почему ломается верстка и не выводятся посты из категорий?

Question

[Alex Ozerov]

Всем привет. Пытаюсь вывести посты из отдельной категории в слайдер, категорию создал, айди указал правильное, но если я указываю айди в цикле, то ломается верстка которая идет после слайдера, если айди не указывать или указать айди 1 - основной категории, то все работает и в слайдер тупо выводятся последние 5 новостей.

<?php get_header(); ?>
<div class="wrap-slider">
                        <div class="slider">
                            <?php
                            $posts = get_posts( array(
                                'category' => 4,
                                'numberposts' => 5,
                                'post_type'   => 'post',
                                'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
                            ) );

                           
                            foreach( $posts 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 ">Lorem ipsum dolor sit amet.0</div>
                                <div class="switcher-row-btn ">Lorem ipsum dolor sit amet.1</div>
                                <div class="switcher-row-btn ">Lorem ipsum dolor sit amet.2</div>
                                <div class="switcher-row-btn ">Lorem ipsum dolor sit amet.3</div>
                                <div class="switcher-row-btn ">Lorem ipsum dolor sit amet.4</div>
                            </div>
                        </div>
                    </div>


                    <section>
                        <div class="main-content-wrap">
                            <div class="main-content-container">
                                <div class="main-content-container-items">
                                    <div class="content-container-items__news">
                                        <?php if (have_posts()) {while (have_posts()) {the_post(); ?>
                                        <div class="items__news-block">
                                            <div class="news-block-title">
                                                <h2><?php the_title() ?></h2>
                                            </div>
                                            <div class="news-block-img">
                                                <?php the_post_thumbnail('post_thumb') ?>
                                                <a href="<?php the_permalink() ?>" class="news-block-img-btn">Читати далі...</a>
                                            </div>
                                            <div class="news-block-text">
                                                <p><?php the_excerpt(); ?></p>
                                            </div>
                                        </div>
                                        <?php } //конец while ?>
                                        
                                        
                                    </div>
                                </div>
                            </div>
                            <?php 
                                the_posts_pagination( array(
                                    'mid_size' => 2,
                                    'end_size' => 2,
                                ) ); 
                                ?>
                            <?php } // end if ?>   
                        </div>
                    </section>
<?php get_footer(); ?>

1)Как вывести в слайдер посты из категори 4?
2)Блоки с классом "switcher-row-btn" это кнопки слайдера, как вывысти в их текст названия записей которые выводятся в слайдер, тобишь the_title?

П.СЫ. ИЗ катгорий посты таким способом выводяться, но ломаеться вертска блоков основного контента которая выводит посты основной категори

Comments

[Владимир Брумер]

Блоки с классом "switcher-row-btn" это кнопки слайдера, как вывысти в их текст названия записей которые выводятся в слайдер, тобишь the_title?

Вы можете создайть пустой массив перед циклом и наполнить его тайтлами внутри цикла. а уже после перебирите этот массив наполненный отдельным форычем (это избавить от лишнего запроса)

spoiler

<div class="wrap-slider">
		<div class="slider">
				<?php
				$postsSA = get_posts( array(
						'category' => 1,
						'numberposts' => 5,
						'post_type'   => 'post',
						'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
				) );
$switcher=array();			 
				foreach( $postsSA as $post ){
						setup_postdata($post);$switcher[].=get_the_title();
						?>
						<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">
					<?php 
						foreach($switcher as $k){
							echo '<div class="switcher-row-btn ">'.$k.'</div>';
						}
					?>
				</div>
		</div>
</div>

Answer 1

[Антон Литвиненко]

1. UPD. правильный комментарий ниже о неправильном закрытии тегов, в цикле
2. Не знаю, насколько правильно, но я похожую задачу решал, запустив еще один цикл с теми же параметрами

Comments

[Alex Ozerov]

вы имеете ввиду что на этой странице запускать два цикла get_posts вместо get_posts и <?php if (have_posts()) {while (have_posts()) {the_post(); ?> ?

[Антон Литвиненко]

ozerovlife, я имею в виду, что вы для вывода пагинации можете запустить ровно такой же цикл, что и для вывода слайдов. С теми же аргументами.

[Владимир Брумер]

ozerovlife,
1. почему вы перед условием if (have_posts()) в основном цикле открываете 3 блока :

<div class="main-content-container">
  <div class="main-content-container-items">
   <div class="content-container-items__news">

а закрываете их внутри условия? Или так задумано? если не сработает условие, Вы уже потеряете 3 закрывающих тега и верстка поедет...
2. Перед созданием переменной $posts для слайдера выведите вар дамп var_dump($posts); и посмотрите что выдаст

var_dump($posts);
$posts = get_posts( array(
		'category' => 4,
		'numberposts' => 5,
		'post_type'   => 'post',
		'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
) );

если в ней что-то есть, то Вы её перезаписываете, ломая основной запрос(подозрение что Вы ломаете основной запрос).
а если создать уникальную переменную

$TroloLo = get_posts( array(
		'category' => 4,
		'numberposts' => 5,
		'post_type'   => 'post',
		'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
) );

все должно быть ок...

[Alex Ozerov]

Владимир Брумер, благодарю, вы абсолютно правы, я перезаписывал переменную.