WP Coda Slider - WordPress Plugin

WP Coda Slider

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


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.


[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


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.


Latest version: WP Coda Slider v0.3.6.2 [zip]


  1. Upload the wp-coda-slider folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Each post and page will now contain custom options to include a slider on that post or page
  4. You can also add a shortcode to any post or page you want to display your slider on. Make sure to specify the category id, slider id(each slider requires you to give it a unique id) and the number of posts to show. eg: [wpcodaslider id=myslidername cat=4 show=3 args="autoSlide: true"]
  5. There is also a template tag function. See Description page on how to use the template tag.
  6. To use a custom override CSS file copy the experimental / alternate CSS file, coda-slider.css to your themes root directory. Any changes made to this will not be overridden when updating the plugin

Shortcode args:

the shortcode args except any of the coda slider jQuery settings shown below. Please note: the args must be wrapped in quotation marks to work ie: args=” “.

For a full list of slider settings see https://github.com/KevinBatdorf/codaslider


-Q. Whats new in version 0.3?
-A. 0.3 is a complete code rewrite. You will now find a metabox on your post and page screens that give you complete control of all the slider options. Once configured the slider will be automatically added to the page.
CSS options: You can control the css using the options and can even include a block of custom css.

shortcodes are deprecated but will still work as before

existing template tag function has been deprecated and replaced with a new one. The new one takes the arguments as an array.

-Q. What does the id argument do?
-A. The id argument is the div id that will be assigned to the slider. Make sure each slider has a unique id.

-Q. What is the cat argument?
-A. This is the WordPress post category the slider will pull from and display in your slider.

-Q. Where can I use the shortcode?
-A. The short code will work on posts, pages, and WordPress 3.0 custom post types.

-Q. How can I change the style of the slider or modify the width or default CSS?
-A. Copy the coda-slider-3.0.css file and move it to your themes root directory and rename it to coda-slider.css. When outputting the CSS the plugin looks for this file. If not found the defualt css will be added.

-Q. Where can I find all the values available for the shortcode args?
-A. The full description of the shortcode arguments can be found on the new github Coda Slider repository at: https://github.com/KevinBatdorf/codaslider

-Q. Where can I get support or help?
-A. Please post support questions to the wordpress.org support forums with the tag wp-coda-slider












  1. The slider and css options for each slider

  2. The coda slider options