david wolfpaw

<p>This slider uses the FlexSlider framework by <a href="http://www.woothemes.com/flexslider/" rel="nofollow ugc">WooThemes</a>. Recent posts are displayed as a responsive slider. Posts can be selected by category or by post type if your theme uses custom post types.</p>
<p>The slider exists only as a widget, no settings page required. Visit Appearance > Widgets in your site dashboard, and place the Recent Posts Flexslider widget in your sidebar of choice.</p>
<h4>Options that can be set:</h4>
<ul>
<li>Title</li>
<li>Category</li>
<li>Post Type</li>
<li>Image Size</li>
<li>Slide Pause</li>
<li>Slider Height</li>
<li>Slide Duration</li>
<li>Number of Slides</li>
<li>Slider Animation Style</li>
<li>Show or Hide Post Link</li>
<li>Show or Hide Post Title</li>
<li>Show or Hide Slide Controls</li>
<li>Show or Hide Navigation Arrows</li>
<li>Show or Hide Post Excerpt & Length</li>
<li>Only Show Posts With Featured Image</li>
</ul>
<h4>Tested on the most popular WordPress themes for compatibility, including:</h4>
<ul>
<li>Astra</li>
<li>Escapade</li>
<li>Genesis</li>
<li>Hestia</li>
<li>OceanWP</li>
<li>Primer</li>
<li>Total</li>
<li>Zerif</li>
<li>Twenty Ten</li>
<li>Twenty Eleven</li>
<li>Twenty Twelve</li>
<li>Twenty Thirteen</li>
<li>Twenty Fourteen</li>
<li>Twenty Fifteen</li>
<li>Twenty Sixteen</li>
<li>Twenty Seventeen</li>
<li>Twenty Nineteen</li>
<li>Twenty Twenty</li>
</ul>


Excellent Work

Simple setup responsive slider of recent posts selected by category or post type using FlexSlider by WooThemes.

jtallant

<p>Note: This plugin only supports <a href="http://justintallant.com/go/genesis-child-themes" title="Genesis child themes" rel="nofollow ugc">Genesis child themes</a>. If you don’t know what that is, don’t download this plugin.</p>
<p>Genesis Bootstrap Carousel (GBC) allows you to create a simple responsive image carousel that displays the featured image, along with the title and excerpt from each post.<br />
GBC is based off of the Genesis Responsive Slider and uses a lot of the same code. The main difference is that the Genesis Bootstrap Carousel uses the Carousel<br />
jquery plugin created by the open source Twitter Bootstrap Project. The carousel.js in this plugin is roughly 1/4 the size of the jquery flexslider.js used by<br />
the Genesis Responsive Slider. The CSS in this plugin is about half the size of the Genesis Responsive Slider plugin. Genesis Bootstrap Carousel also includes<br />
options to easily disable the CSS and JS of the plugin, allowing you to move scripts or styles into a combined file inside your theme. GBC also uses CSS for the<br />
next/previous arrows, avoiding an HTTP request and allowing easy customization via CSS. You may also choose what specifc post/page IDs the carousel JS and CSS get loaded on.<br />
This way you can avoid loading assets on pages that are not using the Carousel and avoid unnecessarily increasing page load time.</p>
<p>It includes options for the maximum dimensions of your slideshow, allows you to choose to display posts, pages, custom post types, what category to pull from, and even the<br />
specific post IDs of the posts you want to display. It includes next/previous arrows that can be turned on or off. Finally, you can place the carousel into a widget area.<br />
The image carousel is also responsive and will automatically adjust for the screen it is being displayed on.</p>
<p>You can get information on how the carousel.js works by visiting the <a href="http://twitter.github.com/bootstrap/javascript.html#carousel" title="Carousel Section" rel="nofollow ugc">Carousel Section</a> of the Twitter Bootstrap site.</p>
<h4>Live example</h4>
<ul>
<li><a href="http://wordpress.justintallant.com/demo/genesis-bootstrap-carousel/" title="Demo" rel="nofollow ugc">Demo</a></li>
</ul>
<h3>Child Theme Integration</h3>
<p>To adjust the carousel defaults for a child theme use a filter simiar to the following:</p>
<pre><code>add_filter( 'bootstrap_carousel_settings_defaults', 'my_child_theme_bootstrap_carousel_defaults' );

function my_child_theme_bootstrap_carousel_defaults( $defaults ) {
    $defaults = array(
        'post_type'                      => 'post',
        'posts_term'                     => '',
        'exclude_terms'                  => '',
        'include_exclude'                => '',
        'post_id'                        => '',
        'posts_num'                      => 5,
        'posts_offset'                   => 0,
        'orderby'                        => 'date',
        'carousel_interval'              => 5000,
        'carousel_arrows'                => 1,
        'carousel_no_link'               => 0,
        'carousel_width'                 => '940',
        'carousel_height'                => '380',
        'carousel_excerpt_content'       => 'excerpts',
        'carousel_excerpt_content_limit' => 150,
        'carousel_more_text'             => 'Continue Reading',
        'carousel_excerpt_show'          => 1,
        'carousel_excerpt_width'         => 100,
        'location_vertical'              => 'bottom',
        'location_horizontal'            => 'left',
        'carousel_hide_mobile'           => 1,
        'html5_docytpe'                  => 0,
        'disable_css'                    => 0,
        'disable_js'                     => 0
    );
    return $defaults;
}
</code></pre>


Genesis Bootstrap Carousel

This plugin allows you to create a simple responsive image carousel that displays the featured image, along with the title and excerpt from each post.

Recent Posts FlexSlider vs Genesis Bootstrap Carousel