Карусель Wordpress - Bootstrap 4

Пытаюсь сделать карусель с постами 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>

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

Hemant Kumar 04.12.2018 08:29

Да, вы можете сделать это и в загрузочной карусели, для этого вам нужно будет зациклить 5 элементов в контейнере карусели. Сначала вам нужно будет рассчитать общее количество сообщений, затем разделить его на 5, а затем ввести свой код, чтобы получилось 5 или менее 5 сообщений.

Rajender Verma 04.12.2018 08:39
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
0
2
92
0

Другие вопросы по теме