Customize carousel in wordpress
-
Currently this code was designed for my wordpress homepage Only but i wanted to use it in my Single.php file and custom display a category in the carousel or to make this easy display the content and then display similar to post in the carousel.
i want to manually add the code to instead of this requesting information from the option page in the functions.php to manually make it works.
i can’t explain this better hopefully someone understand.
screenshot here http://easilysharing.com/images/35470846317047834338.jpg
<div class="home-featured wall"> <div class="wrap cf"> <?php $args = (array)get_option('dp_home_featured'); $args = dp_parse_query_args($args); $autoplay = !empty($args['autoplay']) ? true : false; $query = new WP_Query($args); ?> <?php if($query->have_posts()): ?> <?php /* Load scripts only when needed */ wp_enqueue_script('jquery-carousel'); wp_enqueue_script('jquery-slides'); wp_enqueue_script('jplayer'); ?> <div class="slider"> <div class="slider-wrap"> THIS IS BEEN DISPLAY IN THE CONTENT <?php // jQuery slides pluin will add tag '<div class="slides">' here ?> <?php $items = ''; $i = 0; while ($query->have_posts()) : $query->the_post(); global $post; $i++; ?> <div class="slide <?php echo is_video() ? 'item-video' : 'item-post'; ?>" data-id="<?php the_ID(); ?>"> <?php $thumb_size = 'custom-large'; dp_thumb_html($thumb_size); ?> <div class="caption"> <h2 class="title"><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php printf(__('Permalink to %s', 'dp'), get_the_title()); ?>"><?php the_title(); ?></a></h2> </div> </div><!-- end .slide --> <?php endwhile; ?> <?php // </div><!-- end .slides--> ?> </div><!-- end .slider-wrap --> </div><!-- end .slider --> <div class="carousel"> <div class="carousel-container"> <div class="carousel-clip"> THIS IS WHAT I CANT TO MAKE CUSTOM <ul class="slider-pagination carousel-list"> <?php $items = ''; $i = 0; while ($query->have_posts()) : $query->the_post(); global $post; ?> <li data-id="<?php the_ID(); ?>" class="<?php echo is_video() ? 'item-video' : 'item-post'; ?>"> <div class="inner"> <?php $thumb_size = 'custom-small'; dp_thumb_html($thumb_size); ?> <div class="data"> <h2 class="title"><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php printf(__('Permalink to %s', 'dp'), get_the_title()); ?>"><?php the_title(); ?></a></h2> <p class="meta"> <span class="time"><?php printf(__('%s ago', 'dp'), human_time(get_the_time('U'))); ?></span> </p> </div> </div> </li> <?php $i++; endwhile; ?> </ul> </div><!-- end .carousel-clip --> <div class="carousel-prev"></div> <div class="carousel-next"></div> </div><!-- end .carousel-container --> </div><!-- end .carousel --> <?php endif; wp_reset_query(); ?> </div><!-- end .wrap --> </div><!-- end #wall -->
The topic ‘Customize carousel in wordpress’ is closed to new replies.