Try writing the shortcode using the 'Text' editor instead of the 'Visual' editor, as the visual editor can sometimes add extra unwanted markup.
The carousel shortcode has a number of attributes that you can use to customise the output. Can I customise the way it looks / works? Then, when inserting the shortcode into the page, specify which category you want it to display images from using the category shortcode attribute. Yes - create a few categories and add your specific images to a specific category. Can I have different carousels with different images on the same site? The settings page has common settings, or you can use any terms described for the WP_Query orderby terms for the shortcode. 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. Can I change the order that the images display in? 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). This happens when the carousel is bigger than your images. For example:Įcho do_shortcode( '') 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) Can I insert the carousel into a WordPress template instead of a page?Ībsolutely - you just need to use the do_shortcode WordPress function. Then, insert the carousel using the into the body of any page. Go to 'Carousel' in the WordPress admin pages and add some images.
#Wordpress image carousel install
Make sure that the Bootstrap javascript file is referenced after the jQuery file.įirst of all, install and activate the plugin.Make sure that both jQuery and Bootstrap are being included in the theme header, not footer.NB: This often means putting it after wp_head() in your theme's header.php file.Make sure that the Bootstrap javascript file is being included after jQuery.Make sure that jQuery is only being included once.This can be caused by having your jQuery and Bootstrap javascript files included in the wrong place. (Optional) You can hyperlink each image by entering the desired url Image Link URL admin metabox when adding a new carousel image.įrequently Asked Questions The carousel doesn't start sliding itself / setting interval doesn't work.Create new items in the Carousel post type, uploading a Featured Image for each.Make sure that your theme is loading the Twitter Bootstrap CSS and Carousel javascript.Activate the cpt-bootstrap-carousel plugin through the 'Plugins' menu in WordPress.Upload the cpt-bootstrap-carousel folder to the /wp-content/plugins/ directory.
#Wordpress image carousel download
Download the plugin file from this page and unzip the contents.For more details please see the contributing guide. If you would like to contribute to this plugin, please make a personal fork of the GitHub repository and then submit a pull request. The Spanish translation was provided by Chema Bescós from IBIDEM GROUP ( ) Contributing This plugin was written by with help and suggestions from several others including (but not limited to) and Serbo-Croation translation was kindly provided by Borisa Djuraskovic from Output markup for Twitter Bootstrap Version 2 or 3.post 109 would be /wp-admin/post.php?post=109&action=edit Find the image ID by looking at the edit post link, eg.Specify the ID of a specific carousel post to display only one image.Filter carousel items by a comma separated list of carousel category slugs.Orderby and order (default menu_order ASC) Whether to display the control arrows or not.Whether to display the text caption on each image or not.Length of time for the caption to pause on each image.However, if you'd like different settings for different carousels, you can override these by using shortcode options. Shortcode OptionsĪs of version 1.5, nearly all of these options can be set in the CPT Bootstrap Carousel Settings page. This plugin is available from the WordPress Plugins Directory. Bootstrap CDN (hotlink CSS and javascript files).The plugin assumes that you're already using Bootstrap, so you need to load the Bootstrap javascript and CSS separately. DescriptionĪ custom post type for choosing images and content which outputs a carousel from Twitter Bootstrap using the shortcode. A custom post type for choosing images and content which outputs Bootstrap Image Carousel (slider) from the shortcode.
0 kommentar(er)
