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 of WordPress regular gallery. So, if you know about WordPress gallery media, you can use this plugin in a handy way. If you are not familiar with 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  width  600  Numeric value only eg: 100/200/300  Used as the image width in pixel.
2  height  450  Numeric vlaue only eg: 100/200/300  Used as the image height in pixel.
3 crop  true  true / false  Set true to crop the image.
4  target _blank _blank / _self / _parent / _top  Set a target option.
5  items  5 Numeric vlaue only eg: 2/3/4  Maximum amount of items displayed at a time. It's for largest view.
6  items_desktop  3 Numeric vlaue only eg: 2/3/4  Maximum amount of items displays in desktop view. Maximum screen size is 1200px.
7  items_desktop_small  3  Numeric vlaue only eg: 2/3/4  Maximum amount of items displays in small desktop view. Maximum screen size is 980px.
8  items_tablet  2 Numeric vlaue only eg: 2/3/4  Maximum amount of items displays in tablet view. Maximum screen size is 768px.
9  items_mobile  1 Numeric vlaue only eg: 2/3/4  Maximum amount of items displays in mobile view. Maximum screen size is 480px.
10  time 5000 Numeric vlaue only / false  Carousel autoplay time in millisecond. To stop auto play use – false
11  color  #666  color code  Carousel bullets color.
12  lightbox  false  true / false  Carousel with lightbox or not.
13  single  false  true / false  Show single item or multiple items.
14  lazyload  false  true / false  Activate lazyload effect or not.
15  bullets  false  true / false  Show carousel bullets or not.
16  effect  false  false / fade / backSlide / goDown / fadeUp  Set an effect of them.
17  nav  true  true / false  Show next/prev buttons.
18  auto_height  false  true / false  Use carousel height auto.
19  stop_on_hover  true  true / false  Stop carousel on hover.
20  image_only  false  true / false  Show only image without text.
21  title  false  true / false  Show image title
22  description  false  true / false  Show image description.

 

Testimonial

[wcp_testimonial]

12 time 5000 number Testimonial autoplay time in millisecond.

No. Attribute Default value options Description
1  total_items  -1 Numeric vlaue only  Total number of items items to show in the carousel. Default value is unlimited.
2  width  120 Numeric vlaue only  Used as the image width in pixel.
3  height  120 Numeric vlaue only  Used as the image height in pixel.
4  crop  true  true / false  Set true to crop the image.
5  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.
6  color  #666  color code  Testimonial bullets color.
7  bullets  true  true / false  Show testimonial bullets.
8  nav  true  true / false  Show testimonial next/prev buttons.
9 single_view  true  true / false  Show testimonial in single view.
10  items  3  number  Set item number in multi items testimonial view. The attribute single_view have to be false.
11  items_desktop  3 Numeric vlaue only eg: 2/3/4  Maximum amount of items displays in desktop view. Maximum screen size is 1200px.
12  items_desktop_small  3 Numeric vlaue only eg: 2/3/4  Maximum amount of items displays in small desktop view. Maximum screen size is 980px.
13  items_tablet  2 Numeric vlaue only eg: 2/3/4  Maximum amount of items displays in tablet view. Maximum screen size is 768px.
14  items_mobile  1 Numeric vlaue only eg: 2/3/4  Maximum amount of items displays in mobile view. Maximum screen size is 480px.
15  style  two  one / tow / three/ four/ five/ six / seven  Set a style from the styles..
16  auto_height  false  true / false  Set testimonial height auto.
17  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  width  600 Numeric vlaue only  Used as the image width in pixel.
3  height  450 Numeric vlaue only  Used as the image height in pixel.
4  crop  true  true / false  Set true to crop the image.
5  total_items  -1 Numeric vlaue only  Number of total items to show. Default valuse is unlimited.
6  items  3 Numeric vlaue only  Maximum amount of items displayed at a time.
7  items_desktop  3 Numeric vlaue only eg: 2/3/4  Maximum amount of items displays in desktop view. Maximum screen size is 1200px.
8  items_desktop_small  3 Numeric vlaue only eg: 2/3/4  Maximum amount of items displays in small desktop view. Maximum screen size is 980px.
9  items_tablet  2 Numeric vlaue only eg: 2/3/4  Maximum amount of items displays in tablet view. Maximum screen size is 768px.
10  items_mobile  1 Numeric vlaue only eg: 2/3/4  Maximum amount of items displays in mobile view. Maximum screen size is 480px.
11  time  5000  Number  Carousel autoplay time in millisecond.
12  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.
13  color  #666  Color code  Carousel bullets color.
14  bullets  true   true / false  Show carousel bulletes.
15  taxonomy  category_name  category_name / custom taxonomy name  Show from WordPress default taxonomy or from custom custom taxonomy.
16  readmore  false true / false  Show readmore button.
17  readmore_text  Read More  text  Readmore button text.
18  image_only  false  true / false  Show only image without text.
19  nav  true  true / false  Show next/prev buttons.
20  auto_height  false  true / false  Set carousel height auto.
21  stop_on_hover  true  true / false  Stop carousel on hover.
22 title  true  true / false  Show post title.
23 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, follow the instruction below –
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