The Carousel plugin is a component for cycling through elements, like a carousel (slideshow).
Author: | Sabri El Gueder (profile at wordpress.org) |
WordPress version required: | 3.3.6 |
WordPress version tested: | 4.4.2 |
Plugin version: | 1.0.0 |
Added to WordPress repository: | 02-03-2016 |
Last updated: | 02-03-2016
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|
Rating, %: | 0 |
Rated by: | 0 |
Plugin URI: | http://www.redweb.tn/bootstrap-carousel/ |
Total downloads: | 1 140 |
Active installs: | 10+ |
Click to start download
|
Screenshots
Admin list interface showing Carousel images and titles.
Admin image interface showing optional title and caption (Excerpt) fields, along with Category, order, image and URL
Admin Screen for Settings Carousel
Example output. Requires Bootstrap CSS and Javascript to be loaded (see documentation).
FAQ
The carousel doesn’t start sliding itself / setting interval doesn’t work
This can be caused by having your jQuery and Bootstrap javascript files included in the wrong place.
- Make sure that jQuery is only being included once
- Make sure that the Bootstrap javascript file is being included after jQuery
- NB: This often means putting it after
wp_head()
in your theme’s header.php
file
- Make sure that both jQuery and Bootstrap are being included in the theme header, not footer
- Make sure that the Bootstrap javascript file is referenced after the jQuery file.
How do I insert the carousel?
First of all, install and activate the plugin. Go to ‘Carousel’ in the WordPress admin pages and add some images. Then, insert the carousel using the [sx-carousel]
into the body of any page.
Can I insert the carousel into a WordPress template instead of a page?
Absolutely – you just need to use the do_shortcode WordPress function. For example:
I get grey bars at the side of my images / The image isn’t aligned (or doesn’t reach the far side of the carousel)
This happens when the carousel is bigger than your images. Either upload higher resolution images, or select the “Use background images?” option in the settings (this will stretch the images though, so they may get a little blurry).
Can I change the order that the images display in?
You can specify the order that the carousel displays images by changing the setting in the Settings page, or by using the orderby
and order
shortcode attributes. The settings page has common settings, or you can use any terms described for the WP_Query orderby terms for the shortcode.
Can I have different carousels with different images on the same site?
Yes – create a few categories and add your specific images to a specific category. Then, when inserting the shortcode into the page, specify which category you want it to display images from using the category
shortcode attribute.
Can I customise the way it looks / works?
The carousel shortcode has a number of attributes that you can use to customise the output. These are described on the main plugin Description page.
Help! Nothing is showing up at all
- Is the plugin installed and activated?
- Have you added any items in the
Carousel
post type?
- Have you placed the
[sx-carousel]
shortcode in your page?
Try writing the shortcode using the ‘Text’ editor instead of the ‘Visual’ editor, as the visual editor can sometimes add extra unwanted markup.
My images are showing but they’re all over the place
Is your theme loading the Bootstrap CSS and Javascript? (look for bootstrap.css
in the source HTML)
The carousel makes the content jump each time it changes
You need to make sure that each image is the same height. You can do this by setting an Aspect ratio
in the Edit Image
section of the WordPress Media Library and cropping your images.
ChangeLog