You could use something like Flexslider with a custom post type. I haven’t been able to find a tutorial that shows exactly how to do it, but basically you:
1. Make a Page Template for your site home page;
2. Enqueue Flexslider for that page template only (so you’re not loading the extra javascript on every page when it’s not needed;
3. Call the Flexslider function on your new page template, using WordPressy jQuery like so:
<script type="text/javascript" language="javascript">
jQuery(document).ready(function($) {
$('.flexslider').flexslider({
animation: "slide",
controlNav: "thumbnails",
pauseOnAction: "true",
prevText: "",
nextText: ""
});
});
</script>
4. Run a custom WP_Query loop for your custom post type, which you’ll use for your Flexslider – something like this:
$args=array(
'post_type' => 'home_feature',
'post_status' => 'publish',
'posts_per_page' => 5,
'orderby' => 'rand',
);
$home_feature_query = new WP_Query($args);
while ($home_feature_query->have_posts()) : $home_feature_query->the_post();
// your slides here
endwhile;
If you don’t like Flexslider you could also try Layerslider or one of the other free jQuery slider plugins – there are a ton of ’em out there. ??
Good luck with it!
