Add a responsive image slider to any page with one shortcode. Each slide is a
normal WordPress post with a featured image, a title and a caption, so you add
and reorder slides the same way you edit anything else on your site.
Built on the Bootstrap carousel markup, so if your theme already loads Bootstrap
the slider inherits your existing styling.
Adding a slider
- Go to Sliders, then Add New. Set a title, add a caption in the editor, and
set a featured image. - Put
[show_bootstrap_carousel]in any post or page.
Options
Under Settings, then Carousel Settings:
- Show or hide the dot indicators
- Show or hide the previous and next arrows
- Show or hide captions
- How many slides to display
- Caption heading colour
Showing one category
Group slides with the Category taxonomy and show a single group:
[show_bootstrap_carousel category="homepage"]
In a widget or in your theme
There is a widget under Appearance, then Widgets. To place a slider directly in
a template file:
<?php echo do_shortcode( '[show_bootstrap_carousel]' ); ?>
Requirements
Your theme must load the Bootstrap CSS and JavaScript. The plugin supplies the
slider markup and its own small stylesheet, not the Bootstrap framework itself.
Screenshots
This is how slider will look like on the website front-end
Slider can be placed from sidebar and footer widgets
Go to the Settings link from left side bar in wp-admin and then go to the link "Carousel Settings" and then change the settings as per your requirement.
Go to left sidebar from wp-admin dashboard, Sliders link dropdown and click on add new slider, and enter title, content for caption and featured image for slider and publish it.
Go to widgets settings from wp-admin dashboard and display that slider to your front end.