Introduction

WordPress Carousel Pro is a carousel plugin for your WordPress website. By this plugin, you can easily create many fantastic carousels. This plugin has a nice combination in WordPress regular gallery. So, if you know about WordPress gallery media, you can use this plugin in a handy way. If you do not know about WordPress default gallery this document will help you to use all the nice features and options of the plugin.

Getting Started

System Requirements

To get the best experience of this plugin, we recommend the followings–

  1. PHP 5.6 or later
  2. MySQL 5.6 or later
  3. WordPress 4.4.1 or later

To be sure about the above requirements contact your hosting vendor.

Installation

Suppose you have installed WordPress. If you do not know how to install WordPress contact your hosting provider or see the document https://codex.wordpress.org/Installing_WordPress .

  1. Login to the admin panel of WordPress
  2. Navigate to the to Plugins → Add New → Upload File. Click Choose File and select the zipped file named wordpress-carousel-pro. Click Install Now. When done, click Activate Plugin.
  3.  After activating the WordPress Carousel Pro plugin, you are ready to add carousel in your post, page, widget or anywhere you like.
Carousel Creation

Now we are going to add a carousel in a regular page.

Go to Page → Add New. Click on "Add Media", then you can see media uploader. Now click on "Create gallery, then upload some images here."

After adding all necessary information, Click the blue button saying "Create a new gallery". You can re-organize carousel items here. Ignore the gallery settings, just click the blue button saying "Create Gallery"

Then you will get WordPress default gallery images in your editor, to see shortcode just click on the button Text, it is on the top right of the post editor. Add wcp before the gallery shortcode. If your gallery shortcode is [ gallery ids="39,38,37,36,35,34,31" ], just add wcp before the gallery text. So your shortcode will look like [wcpgallery ids="39,38,37,36,35,34,31"].

Now save your page, then visit the newly created page & see something awesome. :)

Shortcodes

Carousel from gallery

[wcpgallery ids="559,558,554,493,556,555,492"]
No. Attribute Default value options Description
1  id 01 Use your ID eg: 01 or 02 If you want to show multiple carousels on a page, you need use different ID eg: id="01" and id="02"
2  target _blank _blank / _self / _parent / _top  Set a target option.
3  items 5 Use any number eg: 2/3/4  Maximum amount of items displayed at a time. It's for largest view.
4  items_desktop 3 Use any number eg: 2/3/4  Maximum amount of items displays in desktop view. Maximum screen size is 1200px.
5  items_desktop_small 3 Use any number eg: 2/3/4  Maximum amount of items displays in small desktop view. Maximum screen size is 980px.
6  items_tablet 2 Use any number eg: 2/3/4  Maximum amount of items displays in tablet view. Maximum screen size is 768px.
7  items_mobile 1 Use any number eg: 2/3/4  Maximum amount of items displays in mobile view. Maximum screen size is 480px.
8  time 5000  number  Carousel autoplay time in millisecond.
9  color  #666  color code  Carousel bullets color.
10  lightbox  false  true / false  Carousel with lightbox or not.
11  single  false  true / false  Show single item or multiple items.
12  lazyload  false  true / false  Activate lazyload effect or not.
13  bullets  false  true / false  Show carousel bullets or not.
14  effect  false  false / fade / backSlide / goDown / fadeUp  Set an effect of them.
15  nav  true  true / false  Show next/prev buttons.
16  auto_height  false  true / false  Use carousel height auto.
17  stop_on_hover  true  true / false  Stop carousel on hover.
18  image_only  false  true / false  Show only image without text.
19  title  true  true / false  Show image title
20  description  true  true / false  Show image description.

 

Testimonial

[wcp_testimonial]

12 time 5000 number Testimonial autoplay time in millisecond.

No. Attribute Default value options Description
1  id  01 Use your ID eg: 01 or 02 If you want to show multiple testimonil on a page, you need use different ID eg: id="01" and id="02"
2  category  blank  balnk/category name/category name, category name  For all cagtegories no need to write category name; for single category = category name; for multiple categories write category names with comma = category name, category name.
3  color  #666  color code  Testimonial bullets color.
4  bullets  true  true / false  Show testimonial bullets.
5  nav  true  true / false  Show testimonial next/prev buttons.
6 single_view  true  true / false  Show testimonial in single view.
7  items  3  number  Set item number in multi items testimonial view. The attribute single_view have to be false.
8  items_desktop 3 Use any number eg: 2/3/4  Maximum amount of items displays in desktop view. Maximum screen size is 1200px.
9  items_desktop_small 3 Use any number eg: 2/3/4  Maximum amount of items displays in small desktop view. Maximum screen size is 980px.
10  items_tablet 2 Use any number eg: 2/3/4  Maximum amount of items displays in tablet view. Maximum screen size is 768px.
11  items_mobile 1 Use any number eg: 2/3/4  Maximum amount of items displays in mobile view. Maximum screen size is 480px.
12  style  two  one / tow / three/ four/ five/ six / seven  Set a style from One and Two.
13  auto_height  false  true / false  Set testimonial height auto.
14  stop_on_hover  true  true / false  Stop testimonial slide on hover.

 

 

Carousel from post/custom post

[wcp_post]
No. Attribute Default value options Description
1  post_type  post  post/ post type name  For default post use post and for custom post use custom post type.
2  id  01  Use your ID eg: 01 or 02  If you want to show multiple carousels on a page, you need use different ID eg: id="01" and id="02"
3  items  3  Number  Maximum amount of items displayed at a time.
4  items_desktop 3 Use any number eg: 2/3/4  Maximum amount of items displays in desktop view. Maximum screen size is 1200px.
5  items_desktop_small 3 Use any number eg: 2/3/4  Maximum amount of items displays in small desktop view. Maximum screen size is 980px.
6  items_tablet 2 Use any number eg: 2/3/4  Maximum amount of items displays in tablet view. Maximum screen size is 768px.
7  items_mobile 1 Use any number eg: 2/3/4  Maximum amount of items displays in mobile view. Maximum screen size is 480px.
8  time  5000  Number  Carousel autoplay time in millisecond.
9  category  All Category balnk/category name/category name, category name For all cagtegories no need to write category name; for single category = category name; for multiple categories write category names with comma = category name, category name.
10  color  #666  Color code  Carousel bullets color.
11  bullets  true   true / false  Show carousel bulletes.
12  taxonomy  category_name  category_name / custom taxonomy name  Show from WordPress default taxonomy or from custom custom taxonomy.
13  readmore  false true / false  Show readmore button.
14  readmore_text  Read More  text  Readmore button text.
15  image_only  false  true / false  Show only image without text.
16  nav  true  true / false  Show next/prev buttons.
17  auto_height  false  true / false  Set carousel height auto.
18  stop_on_hover  true  true / false  Stop carousel on hover.
19 title  true  true / false  Show post title.
20 description  true  true / false Show post description.
Image Title/Link

Title & Description:

01. Title: To write title caption, use Title field of the gallery. To make linked title, write the title like this– <a href="http://www.facebook.com" target="_blank">Title</a>.
02. Description: To write the description, use Description field of the gallery.

Link:

To make the carousel image linked, use caption field fo the gallery. Just write the URL/link in the caption field.

wcp-link

Add to Widget

The plugin is widget area supported. To add your carousel to a widget area –
Add a text widget → Write the Title → paste / write your shortcode. Save and see the output.

Conclusion

If you have any idea or suggestion to improve this plugin, please write us here. And, Don't get any help from above documentation? don't hesitate to post your query/issue in our instant Support Forum. Thank you!

 

Are you ready? Buy Now