Installation

Installation of WP Slick Slider and Image Carousel requires a few small clicks. To install the plugin, please use the following steps:

  • Go to WordPress.org and Download WP Slick Slider and Image Carousel.
  • Upload the ‘wp-slick-slider-and-image-carousel’ folder to the ‘/wp-content/plugins/’ directory.
  • Activate the WP Slick Slider and Image Carousel plugin through the ‘Plugins’ menu in WordPress.
  • You can also go to Plugins-> Add New -> Search for ” WP Slick Slider and Image Carousel”

WP Slick Slider and Image Carousel should now be installed successfully!

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, design-2, design-3, design-4, 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.

Complete Shortcode parameters

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"]
  • Autoplay and Autoplay Interval: [slick-slider autoplay="true" autoplay_interval="100"]
  • Slide Speed: [slick-slider speed="3000"]
  • 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"]
  • Autoplay and Autoplay Interval: [slick-carousel-slider autoplay="true" autoplay_interval="100"]
  • Slide Speed: [slick-carousel-slider speed="3000"] (Display no of columns in featured content).
  • 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