Пытаюсь сделать карусель с постами Bootstrap 4 - но что-то не так.
Я получаю только 5 сообщений, и я не хочу - я понимаю, что это для 'posts_per_page' => 5 - но может ли кто-нибудь подсказать мне, как сделать 5 сообщений на одном слайде и 5 других сообщений на другом слайде?
Мой код:
<div id = "demo" class = "carousel slide" data-ride = "carousel">
<!-- Carousel items -->
<div class = "carousel-inner">
<?php
$args = array(
'post_type' => 'auta',
'posts_per_page' =>5,
);
$my_query = new WP_Query($args);
$count = 0;
while ($my_query->have_posts()) : $my_query->the_post();
$do_not_duplicate = $post->ID;?>
<div class = "carousel-item <?php echo ($count == 0) ? 'active' : ''; ?>">
<div class = "offset1">
<a href = "<?php the_permalink() ?>" class = "btn" rel = "bookmark" title = "Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a>
</div>
</div>
<?php endwhile; wp_reset_query(); ?> <?php
$limit_query = new WP_Query($args);
while ($limit_query->have_posts()) :$limit_query->the_post();$do_not_duplicate = $post->ID;?>
<div class = "carousel-item">
<div class = "offset1">
<a href = "<?php the_permalink() ?>" class = "btn" rel = "bookmark" title = "Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a>
</div>
</div>
<?php endwhile; wp_reset_query(); ?>
</div>
<!-- Carousel nav -->
<a class = "carousel-control-prev" href = "#demo" data-slide = "prev">
<span class = "carousel-control-prev-icon"></span>
</a>
<a class = "carousel-control-next" href = "#demo" data-slide = "next">
<span class = "carousel-control-next-icon"></span>
</a>
</div>
Да, вы можете сделать это и в загрузочной карусели, для этого вам нужно будет зациклить 5 элементов в контейнере карусели. Сначала вам нужно будет рассчитать общее количество сообщений, затем разделить его на 5, а затем ввести свой код, чтобы получилось 5 или менее 5 сообщений.






вы можете изменить свой пользовательский интерфейс слайдера на это, это пример совы-карусели, и вы также можете интегрировать его с wordpress.