Directory / plugin

Bootstrap Carousel Slider – Responsive Image Slider

v1.1.1 · by Umar Draz

Responsive Bootstrap carousel slider. Add slides with a featured image and caption, then place the slider with one shortcode.

About this plugin

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

  1. Go to Sliders, then Add New. Set a title, add a caption in the editor, and
    set a featured image.
  2. 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.

Plugin tags