Documentation

WP Slick Slider and Image Carousel

Getting started with WP Slick Slider and Image Carousel

WP Slick Slider and Image Carousel adds a Menu tab in WP Admin side with the name “Slick Slider” where you can add new Image Title, Content, Link and Image as a featured image, edit and delete.

Screen shows “Slick Slider” tab in the left side and All Images added
slick-all-images

This plugin work same like WordPress post section where you can add title, content and featured image. To add a news slide in WP Slick Slider just need to follow few steps.

  1. Go to Slick Slider Tab and click on add slide
  2. Add Image title, content, Read more link and featured image and update
  3. If you want to display category wise then go to Slick Slider -> Slider Category and create a category
  4. When you create a slide, select the category for that slide

Bellow screen shows how to add a Image for image slider
add-image

If you want to display category wise then go to Slick Slider -> Slider Category and select the shortcode.

Bellow screen show category shortcode
slider-category

How to display and shortcode

Display a Slick Image slider is very simple. Just add the following shortcode on any page to display image slider
[slick-slider] and [slick-carousel-slider]

If you want to select the design then you can use following parameter :
[sick-slider design="design-1"]

Where design: design-1 to design-5

[slick-carousel-slider design="design-6"]

Where design: design-6 (design-6 for carousel)

You can also use template code to display image slider.
<?php echo do_shortcode('[slick-slider]'); ?>
<?php echo do_shortcode('[slick-carousel-slider]'); ?>

Following are Slick Slider Parameters:

[slick-slider]

  • Design:
    [slick-slider design="design-1"]
    Select the Slider design.Design-1, Design-2, Design-3, Design-4, Design-5.

  • Pagination and Arrows:
    [slick-slider dots="false" arrows="false"]
    Display slider arrows or not and Display slider pagination dots or not. By default values of dots and arrows are “false”.

  • Autoplay and Autoplay Interval:
    [slick-slider autoplay="true" autoplay_interval="100"]
    Display slider autoplay or not and autoplay interval time. By default autoplay value is “true” and default interval time is “100”.

  • Slide Speed:
    [slick-slider speed="3000"]
    Display slider speed.

  • Limit:
    [slick-slider limit="-1"]
    Limit define the number of images to be display at a time. By default set to “-1″ all images.If you want to display only 5 images then set limit to limit=”5”.

  • Category:
    [slick-slider category="category_ID"]
    Display slider by their category ID.

  • Show Content:
    [slick-slider show_content="true"]
    Display content OR not. By default value is “True”. Options are “true OR false”.

  • Fade:
    [slick-slider fade="true" ]
    Slider Fade effect. By default effect is slide. If you set fade=”true” then effect change from slide to fade.

  • Slider Height:
    [slick-slider sliderheight="400"]
    Slider height. By default given 500px height.

Following are Slick Slider Carousel Parameters:

[slick-carousel-slider]

  • Slides Scroll:
    [slick-carousel-slider slidestoscroll="1" ]
    Scroll number of images at a time. By default value is “1”.

  • Slides Column:
    [slick-carousel-slider slides_column="2"]
    Display no of columns in featured content.

  • Pagination and Arrows:
    [slick-carousel-slider dots="false" arrows="false"]
    Display slider arrows or not and Display slider pagination dots or not. By default values of dots and arrows are “false”.

  • Autoplay and Autoplay Interval:
    [slick-carousel-slider autoplay="true" autoplay_interval="100"]
    Display slider autoplay or not and autoplay interval time. By default autoplay value is “true” and default interval time is “100”.

  • Slide Speed:
    [slick-carousel-slider speed="3000"]
    Display slider speed.

  • Center Mode:
    [slick-carousel-slider center mode="true"]
    Display main image on center. By default value is “false”.

  • Variable Width:
    [slick-carousel-slider variable width="true"]
    Variable width of images in slider. By default value us “false”.

  • Limit:
    [slick-carousel-slider limit="-1"]
    Limit define the number of images to be display at a time. By default set to “-1″ all images. If you want to display only 5 images then set limit to limit=”5”.

  • Design:
    [slick-carousel-slider design="design-1"]
    You can select 5 design( design-1, design-2, design-3, design-4, design-5 ) for your slider. Slick Slider -> Slider Designs.

  • Category:
    [slick-carousel-slider category="category_ID"]
    Display slider by their category ID.

  • Image Size:
    [slick-carousel-slider image_size="large"]
    Default is “medium”, values are thumbnail, medium, large, original.

  • Slides To Show:
    [slick-carousel-slider slidestoshow="3"]
    Display number of images at a time. By default value is “3”.

Updated On 26 Oct 2016