WP Coda Slider

plugin banner

Add a jQuery Coda Slider to any WordPress post or page configured with custom metabox options, shortcode or template tag

Author:c3mdigital (profile at wordpress.org)
WordPress version required:3.0
WordPress version tested:3.4.1
Plugin version:0.3.6.2
Added to WordPress repository:01-09-2010
Last updated:04-08-2012
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:46
Rated by:3
Plugin URI:http://c3mdigital.com/wp-coda-slider/
Total downloads:35 687
Active installs:400+
plugin download
Click to start download

WP Coda Slider adds a Coda Slider using Kevin Batdorf's new Coda Slider jQuery plugin. Use a shortcode, template tag or create a custom slider using the custom meta boxes added to the post edit screen.

Metabox Options

All options to configure individual sliders are available through custom meta boxes on all WordPress posts and pages

Shortcode:

The short code accepts the following arguments: id, cat, show, args. id= a unique name for each slider that will be assigned as the div id cat= the category containing the posts to display in the slider show= the number of posts to show in the slider args= the settings for the slider which can be found at https://github.com/KevinBatdorf/CodaSlider/tree/master Please Note: the args in the shortcode must be wrapped with double quotation marks to work.

Admin Options

New for 0.3.6 is an admin options page that controls the placement of the meta boxes. You can choose to place them on all posts, pages and custom post types or by specific post id or page template.

Example:

[wpcodaslider id=myslider cat=4 show=6 args="autoSlide:true, dynamicTabs:false, autoSlide:true"]

This would add a slider with the <div id="myslider"> showing 6 posts from the category id of 6.

Template Tag

Usage:

if ( function_exissts( 'c3m_slider' ) )
    c3m_slider( $args );

to any of your themes templates.

you must supply the variables when you add the function to your template.

$args = array(
    'id'    => 'your unique id',
    'cat'   => 23,  // The Category to query the posts from
    'show'  => 5,  // Number of posts to query
    'slider_args'   => array(       // Optional - defaults below
        'autoHeight'               => 'true',
        'autoSlide'                => 'false',
        'autoSlideInterval'        => '7000',
        'autoSlideStopWhenClicked' => 'true',
        'dynamicArrows'            => 'true',
        'dynamicArrowsGraphical'   => 'false',
        'dynamicArrowLeftText'     => '« left',
        'dynamicArrowRightText'    => 'right »',
        'dynamicTabs'              => 'true',
        'dynamicTabsAlign'         => 'center',
        'slideEaseDuration'        => '1000',
        'slideEaseFunction'        => 'easeInOutExpo'
    ),
);
c3m_slider( $args );

This would add a slider with the id of myslider and show 5 posts from category 81 with dynamic arrows set to false. all the variables must be present and in the same order.



Screenshots
FAQ
ChangeLog