Ron Rennick

marksabbath

Nathan Rice

StudioPress

<p>This plugin allows you to create a simple responsive slider that displays the featured image, along with the title and excerpt from each post.</p>
<p>It includes options for the maximum dimensions of your slideshow, allows you to choose to display posts or pages, what category to pull from, and even the specific post IDs of the posts you want to display. It includes next/previous arrows and a pager along with the option to turn both on or off. Finally, you can place the slider into a widget area.</p>
<p>The slideshow is also responsive and will automatically adjust for the screen it is being displayed on.</p>
<p>Note: This plugin only supports Genesis child themes.</p>
<h3>Child Theme Integration</h3>
<p>To adjust the slider defaults for a child theme use a filter similiar to the following:</p>
<pre><code>add_filter( 'genesis_responsive_slider_settings_defaults', 'my_child_theme_responsive_slider_defaults' );

function my_child_theme_responsive_slider_defaults( $defaults ) {
    $defaults = array(
        'post_type' => 'post',
        'posts_term' => '',
        'exclude_terms' => '',
        'include_exclude' => '',
        'post_id' => '',
        'posts_num' => 5,
        'posts_offset' => 0,
        'orderby' => 'date',
        'slideshow_timer' => 4000,
        'slideshow_delay' => 800,
        'slideshow_arrows' => 1,
        'slideshow_pager' => 1,
        'slideshow_loop' => 1,
        'slideshow_height' => 400,
        'slideshow_width' => 920,
        'slideshow_effect' => 'slide',
        'slideshow_excerpt_content' => 'excerpts',
        'slideshow_excerpt_content_limit' => 150,
        'slideshow_more_text' => '[Continue Reading]',
        'slideshow_excerpt_show' => 1,
        'slideshow_excerpt_width' => 50,
        'location_vertical' => 'bottom',
        'location_horizontal' => 'right',
        'slideshow_hide_mobile' => 1
    );
    return $defaults;
}
</code></pre>


Genesis Responsive Slider

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

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.

Genesis Responsive Slider vs Genesis Bootstrap Carousel