Title: Bootstrap Carousel Slider – Responsive Image Slider Author: Umar Draz Published: 2015年10月7日 Last modified: 2026年9月14日 --- プラグインを検索 ![](https://ps.w.org/wp-bootstrap-carousel-by-it-pixelz/assets/banner-772x250.png? rev=1261343) ![](https://ps.w.org/wp-bootstrap-carousel-by-it-pixelz/assets/icon-128x128.png? rev=1261343) # Bootstrap Carousel Slider – Responsive Image Slider 作者: [Umar Draz](https://profiles.wordpress.org/itpixelz/) [ダウンロード](https://downloads.wordpress.org/plugin/wp-bootstrap-carousel-by-it-pixelz.1.1.1.zip) * [詳細](https://ja.wordpress.org/plugins/wp-bootstrap-carousel-by-it-pixelz/#description) * [レビュー](https://ja.wordpress.org/plugins/wp-bootstrap-carousel-by-it-pixelz/#reviews) * [インストール](https://ja.wordpress.org/plugins/wp-bootstrap-carousel-by-it-pixelz/#installation) * [開発](https://ja.wordpress.org/plugins/wp-bootstrap-carousel-by-it-pixelz/#developers) [サポート](https://wordpress.org/support/plugin/wp-bootstrap-carousel-by-it-pixelz/) ## 説明 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: ``` ``` #### 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. ## スクリーンショット [⌊This is how slider will look like on the website front-end⌉⌊This is how slider will look like on the website front-end⌉[ This is how slider will look like on the website front-end [⌊Slider can be placed from sidebar and footer widgets⌉⌊Slider can be placed from sidebar and footer widgets⌉[ 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 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 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 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 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.⌉⌊Go to widgets settings from wp-admin dashboard and display that slider to your front end.⌉[ Go to widgets settings from wp-admin dashboard and display that slider to your front end. ## インストール 1. In your WordPress admin go to Plugins, then Add New, and search for “Bootstrap Carousel Slider”. 2. Click Install Now, then Activate. 3. Go to Sliders, then Add New, and create a slide with a featured image. 4. 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”] ### Can I put a slider in my sidebar or footer? 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 `` 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. ## 評価 ![](https://secure.gravatar.com/avatar/0ab29d30d725fc2b0da861c9894d1aea643d24b56bcb9796701a2d029f66c300? s=60&d=retro&r=g) ### 󠀁[Great plugin ever](https://wordpress.org/support/topic/great-plugin-ever-2/)󠁿 [Umar Draz](https://profiles.wordpress.org/itpixelz/) 2017年5月4日 Ever best ![](https://secure.gravatar.com/avatar/d8219bae15bc383af5e06c21022282b6f5f1f3fa576cc5ff6c4840d572b938d7? s=60&d=retro&r=g) ### 󠀁[Doesn't work](https://wordpress.org/support/topic/doesnt-work-1374/)󠁿 [expomas](https://profiles.wordpress.org/expomas/) 2016年9月3日 Chrome error: ERR_INCOMPLETE_CHUNKED_ENCODING Instructions don't make any sense ![](https://secure.gravatar.com/avatar/7f13dc7a819750d766084873c735d3bf866ed8a4ce5dea729e6b6d2cd48a4b48? s=60&d=retro&r=g) ### 󠀁[Need some edition to title](https://wordpress.org/support/topic/need-some-edition-to-title/)󠁿 [Hypercube](https://profiles.wordpress.org/hypercube/) 2016年9月3日 1 reply Need to be added ability to change the h3 tag for caption to any other tag [ 3件のレビューをすべて表示 ](https://wordpress.org/support/plugin/wp-bootstrap-carousel-by-it-pixelz/reviews/) ## 貢献者と開発者 Bootstrap Carousel Slider – Responsive Image Slider はオープンソースソフトウェア です。以下の人々がこのプラグインに貢献しています。 貢献者 * [ Umar Draz ](https://profiles.wordpress.org/itpixelz/) [“Bootstrap Carousel Slider – Responsive Image Slider” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/wp-bootstrap-carousel-by-it-pixelz) ### 開発に興味がありますか ? [コードを閲覧](https://plugins.trac.wordpress.org/browser/wp-bootstrap-carousel-by-it-pixelz/) するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/wp-bootstrap-carousel-by-it-pixelz/) をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/wp-bootstrap-carousel-by-it-pixelz/) を [RSS](https://plugins.trac.wordpress.org/log/wp-bootstrap-carousel-by-it-pixelz/?limit=100&mode=stop_on_copy&format=rss) で購読してみてください。 ## 変更履歴 #### 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. ## メタ * バージョン **1.1.1** * 最終更新日 **1か月前** * 有効インストール数 **30+** * WordPress バージョン ** 5.0またはそれ以降 ** * 検証済み最新バージョン: **7.1.3** * PHP バージョン ** 7.0またはそれ以降 ** * 言語 * [English (US)](https://wordpress.org/plugins/wp-bootstrap-carousel-by-it-pixelz/) * タグ * [bootstrap carousel](https://ja.wordpress.org/plugins/tags/bootstrap-carousel/) [carousel](https://ja.wordpress.org/plugins/tags/carousel/)[image slider](https://ja.wordpress.org/plugins/tags/image-slider/) [responsive slider](https://ja.wordpress.org/plugins/tags/responsive-slider/) [slider](https://ja.wordpress.org/plugins/tags/slider/) * [詳細を表示](https://ja.wordpress.org/plugins/wp-bootstrap-carousel-by-it-pixelz/advanced/) ## 評価 5つ星中3.7つ星 * [ 2 5-星レビュー ](https://wordpress.org/support/plugin/wp-bootstrap-carousel-by-it-pixelz/reviews/?filter=5) * [ 0 4-星レビュー ](https://wordpress.org/support/plugin/wp-bootstrap-carousel-by-it-pixelz/reviews/?filter=4) * [ 0 3-星レビュー ](https://wordpress.org/support/plugin/wp-bootstrap-carousel-by-it-pixelz/reviews/?filter=3) * [ 0 2-星レビュー ](https://wordpress.org/support/plugin/wp-bootstrap-carousel-by-it-pixelz/reviews/?filter=2) * [ 1 1-星レビュー ](https://wordpress.org/support/plugin/wp-bootstrap-carousel-by-it-pixelz/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/wp-bootstrap-carousel-by-it-pixelz/reviews/#new-post) [すべてのレビューを見る](https://wordpress.org/support/plugin/wp-bootstrap-carousel-by-it-pixelz/reviews/) ## 貢献者 * [ Umar Draz ](https://profiles.wordpress.org/itpixelz/) ## サポート 意見や質問がありますか ? [サポートフォーラムを表示](https://wordpress.org/support/plugin/wp-bootstrap-carousel-by-it-pixelz/) ## 寄付 このプラグインが今後も改善できるよう応援しませんか ? [ このプラグインに寄付 ](http://www.itpixelz.com/)