Carousel Slider wordpress plugin resources analysis
| Download This Plugin | |
| Download Elegant Themes | |
| Name | Carousel Slider |
| Version | 1.4.1 |
| Author | Sayful Islam |
| Rating | 84 |
| Last updated | 2015-02-25 05:01:00 |
| Downloads |
18069
|
| Download Plugins Speed Test plugin for Wordpress | |
Home page
Delta: 0%
Post page
Delta: 0%
Home page PageSpeed score has been degraded by 0%, while Post page PageSpeed score has been degraded by 0%
Carousel Slider plugin added 10 kB of resources to the Home page and 62 kB of resources to the sample Post page.
Carousel Slider plugin added 0 new host(s) to the Home page and 0 new host(s) to the sample Post page.
Great! Carousel Slider plugin ads no tables to your Wordpress blog database.Fully written in jQuery, touch enabled wordpress plugin based on OWL Carousel that lets you create beautiful responsive carousel slider.
Usage - Settings, Carousels & Carousel Categories
After installing or Upgrading go to Settings >> Carousel Slider and change the default settings as your need.
Then go to Carousels >> Add New and fill all fields as your need and don't forget to give Carousel Categories name if you want to add multiple carousel at your site.
Now go to page or post where you want to add Carousel slider and paste the following shortcode:
[carousel_slider]You can add multiple slider at page or post by Carousel Categories slug from ( plugin version 1.4.0 ). To do this you must create Carousel Categories when you creating New Carousel. Now you can show your Carousel by categories slug. So add the following attribute to your shortcode:
category_slug=''Set category to a comma separated list of Carousel Categories Slug to only show those. You also need to add a mandatory attribute id='' if you want to add multiple carousel slider at the same page or post and need to give a number manually that is unique with other carousel slider (It won't conflict with other WordPress IDs). Example:
[carousel_slider id='1' category_slug='one'][carousel_slider id='2' category_slug='one,two,three,four']Usage - TinyMCE Button
I am sorry that TinyMCE Button is not fully functional yet but it works well.
To add carousel slider at your page from TinyMCE visual editor and click on "Add Carousel Slider" button from WordPress visual editor view screenshot and it will output the following shortcode:
[carousel id=""]
[item href="" img_link=""]
[item href="" img_link=""]
[item href="" img_link=""]
[item href="" img_link=""]
[item href="" img_link=""]
[/carousel]inside img_link='' put you image link and inside href="" put post, page, media or any link that you want to open on click. Repeat [item href="" img_link=""] as many image as you want.
Change Default Functionality
You can change default functionality by adding following optional attributes at [carousel_slider] and [carousel][/carousel] shortcode
items = '4'to set the maximum amount of items displayed at a time with the widest browser width (window >= 1200)
items_desktop = '4'This allows you to preset the number of slides visible with (window <= 1199) browser width
items_desktop_small = '3'This allows you to preset the number of slides visible with (window <= 979) browser width
items_tablet = '2'This allows you to preset the number of slides visible with (window <= 768) browser width
items_mobile = '1'This allows you to preset the number of slides visible with (window <= 479) browser width
single_item = 'false'If you set true, it will display only one item
slide_speed = '200'Slide speed in milliseconds
pagination_speed = '800'Pagination speed in milliseconds
rewind_speed = '1000'Rewind speed in milliseconds
auto_play = 'true'Change to any integrer for example auto_play : 5000 to play every 5 seconds. If you set auto_play: true default speed will be 5 seconds.
stop_on_hover = 'true'Stop autoplay on mouse hover
navigation = 'true'Display "next" and "prev" buttons.
scroll_per_page = 'false'Scroll per page not per item. This affect next/prev buttons and mouse/touch dragging.
pagination = 'false'Show or hide pagination.
pagination_numbers = 'false'Show or hide numbers inside pagination buttons
auto_height = 'false'Add height to owl-wrapper-outer so you can use diffrent heights on slides. Use it only for one item per page setting.
Example 1(Settings, Carousels & Carousel Categories):
[carousel_slider id='1' category_slug='portfolio,two' items = '3' navigation = 'false']Example 2:
[carousel id='' items = '3' navigation = 'false' slide_speed = '400']
[item href='' img_link='']
[item href='' img_link='']
[/carousel]Screenshots
