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.

  • Go to Slick Slider Tab and click on add slide
  • Add Image title, content, Read more link and featured image and update
  • If you want to display category wise then go to Slick Slider -> Slider Category and create a category
  • 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 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 Slider 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