Description
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
Installation
- In your WordPress admin go to Plugins, then Add New, and search for “Bootstrap Carousel Slider”.
- Click Install Now, then Activate.
- Go to Sliders, then Add New, and create a slide with a featured image.
- Put
[show_bootstrap_carousel]in any post or page.
Your theme must load Bootstrap’s CSS and JavaScript for the slider to animate.
FAQ
-
How do I add a slider to a page?
-
Create slides under Sliders, then Add New, giving each one a featured image.
Then paste[show_bootstrap_carousel]into any post or page. -
How do I show only some slides?
-
Assign your slides to a category, then pass its slug:
[show_bootstrap_carousel category=”homepage”] -
Yes. Go to Appearance, then Widgets, and add the WP Bootstrap Carousel widget to
any widget area. -
Can I put a slider straight into my theme?
-
Yes, with
<?php echo do_shortcode( '[show_bootstrap_carousel]' ); ?>in your
template file. -
Nothing shows up. What is wrong?
-
Check that your slides are published and each one has a featured image, and that
your theme loads Bootstrap’s CSS and JavaScript. This plugin provides the slider
markup, not the Bootstrap framework. -
Can I have more than one slider on the same page?
-
Yes. Each one gets its own identifier, so they work independently.
-
How do I change the caption colour?
-
Under Settings, then Carousel Settings, there is a colour picker for the caption
heading. -
Does it work on multisite?
-
Yes. Slides and settings are per site.
Reviews
Contributors & Developers
“Bootstrap Carousel Slider – Responsive Image Slider” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Bootstrap Carousel Slider – Responsive Image Slider” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.1
- Rewrote the plugin listing so people searching for “carousel slider” or
“responsive image slider” can find it. No change to how the plugin works. - The plugin is now called Bootstrap Carousel Slider – Responsive Image Slider.
Your slides, settings and shortcodes are untouched.
1.1.0
- Fixed: the shortcode printed its markup instead of returning it, so the
carousel appeared at the top of the page rather than where the shortcode was
placed, and do_shortcode() returned nothing. - Fixed: turning navigation off left the slide query undefined, so no slides
were fetched. The query is now built independently of the display options. - Fixed: a fresh install raised PHP warnings on every carousel and rendered
with every feature switched off, because no default settings were stored.
Defaults are now seeded on activation and applied when a setting is absent. - Fixed: settings are validated when saved, and all output is escaped.
- Fixed: the stylesheet was linked from a hardcoded path that broke when the
plugin folder was renamed. It now resolves relative to the plugin. - Fixed: an empty image placeholder was rendered when no slides existed.
- Changed: the slide identifier is now unique per carousel, so more than one
carousel can appear on the same page. - Tested up to WordPress 7.1. Declared a minimum of PHP 7.0.
- Note: the previous stable tag referred to a version 4.3 that was never
released. Versioning now follows the plugin’s actual history.
1.0
- Initial release.