$conf, $runtime; function_exists('chdir') AND chdir(APP_PATH); $r = 'mysql' == $conf['cache']['type'] ? website_set('runtime', $runtime) : cache_set('runtime', $runtime); } function runtime_truncate() { global $conf; 'mysql' == $conf['cache']['type'] ? website_set('runtime', '') : cache_delete('runtime'); } register_shutdown_function('runtime_save'); ?>slideshow - wordpress carousel slide not working|Programmer puzzle solving

Programmer puzzle solving

    最新消息：Welcome to the puzzle paradise for programmers! Here, a well-designed puzzle awaits you. From code logic puzzles to algorithmic challenges, each level is closely centered on the programmer's expertise and skills. Whether you're a novice programmer or an experienced tech guru, you'll find your own challenges on this site. In the process of solving puzzles, you can not only exercise your thinking skills, but also deepen your understanding and application of programming knowledge. Come to start this puzzle journey full of wisdom and challenges, with many programmers to compete with each other and show your programming wisdom! Translated with DeepL.com (free version)
    你的位置： HOME>matter>slideshow - wordpress carousel slide not working

    slideshow - wordpress carousel slide not working

    matteradmin10PV0评论

    can somebody help me out on where i got the thing whole wrong? The slide is not working at all

         <!-- Carousel Card -->
                <div class="card card-raised card-carousel">
                    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="3000">
                      <ol class="carousel-indicators">
                        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="1" class=""></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="2" class=""></li>
                      </ol>

                      <?php $paged=(get_query_var('paged'))? absint (get_query_var('paged')):1;
                        $args=array('post_type'=>'slide',
                        'post_per_page'=>1,
                        'paged'=>$paged);
                        $slideshow=new WP_Query ($args);
                        ?>                         
                     <?php while($slideshow->have_post()): $slideshow->the_post();?>

                      <div class="carousel-inner" role="checkbox">
                        <div class="carousel-item active">
                          <?php echo get_post_thumbnail(); ?> 
                          alt="First slide">
                          <div class="carousel-caption d-none d-md-block">
                            <h4>
                                <i class="material-icons"><?php the_title(); ?></i>
                               <?php the_excerpt(); ?>
                            </h4>
                          </div>
                        </div>
                        <?php endwhile; wp_reset_query();?>


                        <?php $paged=(get_query_var('paged'))? absint (get_query_var('paged')):1;
                        $args=array('post_type'=>'slide',
                        'post_per_page'=>-1,
                        'offset'=>1,
                        'paged'=>$paged);
                        $slideshow=new WP_Query ($args);
                        ?>

                     <?php while($slideshow->have_post()): $slideshow->the_post();?>
                        <div class="carousel-item">
                           <?php echo get_post_thumbnail(); ?> 
                          <div class="carousel-caption d-none d-md-block">
                            <h4>
                                <i class="material-icons"><?php the_title(); ?></i>                   
                            </h4>
                          </div>
                        </div>
                         <?php endwhile; wp_reset_query();?>


                        <?php $paged=(get_query_var('paged'))? absint (get_query_var('paged')):1;
                        $args=array('post_type'=>'slide',
                        'post_per_page'=>-1,
                        'offset'=>1,
                        'paged'=>$paged);
                        $slideshow=new WP_Query ($args);
                        ?>

                     <?php while($slideshow->have_post()): $slideshow->the_post();?>
                        <div class="carousel-item">
                            <?php echo get_post_thumbnail(); ?> 
                          <div class="carousel-caption d-none d-md-block">
                            <h4>
                                <i class="material-icons"><?php the_title(); ?></i>
                            </h4>
                          </div>
                        </div>
                         <?php endwhile; wp_reset_query();?>
                      </div>
                      <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                        <i class="material-icons">keyboard_arrow_left</i>
                        <span class="sr-only">Previous</span>
                      </a>
                      <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                        <i class="material-icons">keyboard_arrow_right</i>
                        <span class="sr-only">Next</span>
                      </a>
                    </div>
                </div>
                <!-- End Carousel Card -->

    functions.php

    function cptui_register_my_cpts() {

    /**
     * Post Type: slide.
     */

    $labels = array(
        "name" => __( "slide", "oiza" ),
        "singular_name" => __( "slide", "oiza" ),
    );

    $args = array(
        "label" => __( "slide", "oiza" ),
        "labels" => $labels,
        "description" => "",
        "public" => true,
        "publicly_queryable" => true,
        "show_ui" => true,
        "delete_with_user" => false,
        "show_in_rest" => true,
        "rest_base" => "",
        "rest_controller_class" => "WP_REST_Posts_Controller",
        "has_archive" => false,
        "show_in_menu" => true,
        "show_in_nav_menus" => true,
        "exclude_from_search" => false,
        "capability_type" => "post",
        "map_meta_cap" => true,
        "hierarchical" => true,
        "rewrite" => array( "slug" => "slide", "with_front" => true ),
        "query_var" => true,
        "supports" => array( "title", "editor", "thumbnail", "author" ),
    );

    register_post_type( "slide", $args );
}

add_action( 'init', 'cptui_register_my_cpts' );

    can somebody help me out on where i got the thing whole wrong? The slide is not working at all

         <!-- Carousel Card -->
                <div class="card card-raised card-carousel">
                    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="3000">
                      <ol class="carousel-indicators">
                        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="1" class=""></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="2" class=""></li>
                      </ol>

                      <?php $paged=(get_query_var('paged'))? absint (get_query_var('paged')):1;
                        $args=array('post_type'=>'slide',
                        'post_per_page'=>1,
                        'paged'=>$paged);
                        $slideshow=new WP_Query ($args);
                        ?>                         
                     <?php while($slideshow->have_post()): $slideshow->the_post();?>

                      <div class="carousel-inner" role="checkbox">
                        <div class="carousel-item active">
                          <?php echo get_post_thumbnail(); ?> 
                          alt="First slide">
                          <div class="carousel-caption d-none d-md-block">
                            <h4>
                                <i class="material-icons"><?php the_title(); ?></i>
                               <?php the_excerpt(); ?>
                            </h4>
                          </div>
                        </div>
                        <?php endwhile; wp_reset_query();?>


                        <?php $paged=(get_query_var('paged'))? absint (get_query_var('paged')):1;
                        $args=array('post_type'=>'slide',
                        'post_per_page'=>-1,
                        'offset'=>1,
                        'paged'=>$paged);
                        $slideshow=new WP_Query ($args);
                        ?>

                     <?php while($slideshow->have_post()): $slideshow->the_post();?>
                        <div class="carousel-item">
                           <?php echo get_post_thumbnail(); ?> 
                          <div class="carousel-caption d-none d-md-block">
                            <h4>
                                <i class="material-icons"><?php the_title(); ?></i>                   
                            </h4>
                          </div>
                        </div>
                         <?php endwhile; wp_reset_query();?>


                        <?php $paged=(get_query_var('paged'))? absint (get_query_var('paged')):1;
                        $args=array('post_type'=>'slide',
                        'post_per_page'=>-1,
                        'offset'=>1,
                        'paged'=>$paged);
                        $slideshow=new WP_Query ($args);
                        ?>

                     <?php while($slideshow->have_post()): $slideshow->the_post();?>
                        <div class="carousel-item">
                            <?php echo get_post_thumbnail(); ?> 
                          <div class="carousel-caption d-none d-md-block">
                            <h4>
                                <i class="material-icons"><?php the_title(); ?></i>
                            </h4>
                          </div>
                        </div>
                         <?php endwhile; wp_reset_query();?>
                      </div>
                      <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                        <i class="material-icons">keyboard_arrow_left</i>
                        <span class="sr-only">Previous</span>
                      </a>
                      <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                        <i class="material-icons">keyboard_arrow_right</i>
                        <span class="sr-only">Next</span>
                      </a>
                    </div>
                </div>
                <!-- End Carousel Card -->

    functions.php

    function cptui_register_my_cpts() {

    /**
     * Post Type: slide.
     */

    $labels = array(
        "name" => __( "slide", "oiza" ),
        "singular_name" => __( "slide", "oiza" ),
    );

    $args = array(
        "label" => __( "slide", "oiza" ),
        "labels" => $labels,
        "description" => "",
        "public" => true,
        "publicly_queryable" => true,
        "show_ui" => true,
        "delete_with_user" => false,
        "show_in_rest" => true,
        "rest_base" => "",
        "rest_controller_class" => "WP_REST_Posts_Controller",
        "has_archive" => false,
        "show_in_menu" => true,
        "show_in_nav_menus" => true,
        "exclude_from_search" => false,
        "capability_type" => "post",
        "map_meta_cap" => true,
        "hierarchical" => true,
        "rewrite" => array( "slug" => "slide", "with_front" => true ),
        "query_var" => true,
        "supports" => array( "title", "editor", "thumbnail", "author" ),
    );

    register_post_type( "slide", $args );
}

add_action( 'init', 'cptui_register_my_cpts' );
    • slideshow
    Share edited Feb 22, 2019 at 5:36 fuxia♦ 107k39 gold badges255 silver badges461 bronze badges asked Feb 22, 2019 at 3:09 Shaibu Stephen OjateShaibu Stephen Ojate 11 bronze badge 1
    • Can you share with me actual page link where you have displayed the carousel slide. so I can check it and will help you to fix this issue. – Tanmay Patel Commented Feb 22, 2019 at 4:06
     | 

    1 Answer 1

    Reset to default 1

    Use this below code. I have done this below code with some modification with Questioner's code. Now it is working.

    <div id="carousel" class="carousel slide" data-ride="carousel"  data-interval="3000"> 
  <!-- Carousel items -->
  <div class="carousel-inner">
    <?php $slider = new WP_Query(array(
        'post_type' => 'slide',
        'posts_per_page'    => -1,
    )); ?>
    <?php 
    if ( have_posts() ) {
        $x=0;
        while ( $slider->have_posts() ) {
            $x++;
            $slider->the_post(); ?>
            <div class="<?php if($x==1){echo 'active';} ?> item">
              <?php if ( has_post_thumbnail() ) : ?>
              <?php the_post_thumbnail(); ?>
              <div class="carousel-caption d-none d-md-block">
                <h4> <i class="material-icons">
                  <?php the_title(); ?>
                  </i> </h4>
              </div>
              <?php endif; ?>
            </div>
        <?php } // end while
    } // end if
    ?>
  </div>
  <!-- Carousel nav -->
  <ol class="carousel-indicators">
    <?php for($i=0; $i<$x; $i++ ) { ?>
    <li data-target="#carousel" data-slide-to="<?php echo $i;  ?>" class="<?php if($i==0){ echo 'active'; }?>"></li>
    <?php } ?>
  </ol>
  <a class="left carousel-control" href="#carousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a>
  <a class="right carousel-control" href="#carousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
</div>

    Articles related to this article

    Post a comment

    comment list (0)

    1. No comments so far