Title: Genesis Bootstrap Carousel Author: jtallant Published: 2012 年 10 月 7 日 Last modified: 2013 年 2 月 20 日 --- 搜索插件 ![](https://ps.w.org/genesis-bootstrap-carousel/assets/banner-772x250.png?rev=670869) **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://s.w.org/plugins/geopattern-icon/genesis-bootstrap-carousel_cececd.svg) # Genesis Bootstrap Carousel 作者：[jtallant](https://profiles.wordpress.org/jtallant/) [下载](https://downloads.wordpress.org/plugin/genesis-bootstrap-carousel.0.1.2.zip) * [详情](https://cn.wordpress.org/plugins/genesis-bootstrap-carousel/#description) * [评价](https://cn.wordpress.org/plugins/genesis-bootstrap-carousel/#reviews) * [安装](https://cn.wordpress.org/plugins/genesis-bootstrap-carousel/#installation) * [开发进展](https://cn.wordpress.org/plugins/genesis-bootstrap-carousel/#developers) [支持](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/) ## 描述 Note: This plugin only supports [Genesis child themes](http://justintallant.com/go/genesis-child-themes). If you don’t know what that is, don’t download this plugin. Genesis Bootstrap Carousel (GBC) allows you to create a simple responsive image carousel that displays the featured image, along with the title and excerpt from each post. GBC is based off of the Genesis Responsive Slider and uses a lot of the same code. The main difference is that the Genesis Bootstrap Carousel uses the Carousel jquery plugin created by the open source Twitter Bootstrap Project. The carousel.js in this plugin is roughly 1/4 the size of the jquery flexslider.js used by the Genesis Responsive Slider. The CSS in this plugin is about half the size of the Genesis Responsive Slider plugin. Genesis Bootstrap Carousel also includes options to easily disable the CSS and JS of the plugin, allowing you to move scripts or styles into a combined file inside your theme. GBC also uses CSS for the next/ previous arrows, avoiding an HTTP request and allowing easy customization via CSS. You may also choose what specifc post/page IDs the carousel JS and CSS get loaded on. This way you can avoid loading assets on pages that are not using the Carousel and avoid unnecessarily increasing page load time. It includes options for the maximum dimensions of your slideshow, allows you to choose to display posts, pages, custom post types, what category to pull from, and even the specific post IDs of the posts you want to display. It includes next/previous arrows that can be turned on or off. Finally, you can place the carousel into a widget area. The image carousel is also responsive and will automatically adjust for the screen it is being displayed on. You can get information on how the carousel.js works by visiting the [Carousel Section](http://twitter.github.com/bootstrap/javascript.html#carousel) of the Twitter Bootstrap site. #### Live example * [Demo](http://wordpress.justintallant.com/demo/genesis-bootstrap-carousel/) ### Child Theme Integration To adjust the carousel defaults for a child theme use a filter simiar to the following: ``` add_filter( 'bootstrap_carousel_settings_defaults', 'my_child_theme_bootstrap_carousel_defaults' ); function my_child_theme_bootstrap_carousel_defaults( $defaults ) { $defaults = array( 'post_type' => 'post', 'posts_term' => '', 'exclude_terms' => '', 'include_exclude' => '', 'post_id' => '', 'posts_num' => 5, 'posts_offset' => 0, 'orderby' => 'date', 'carousel_interval' => 5000, 'carousel_arrows' => 1, 'carousel_no_link' => 0, 'carousel_width' => '940', 'carousel_height' => '380', 'carousel_excerpt_content' => 'excerpts', 'carousel_excerpt_content_limit' => 150, 'carousel_more_text' => 'Continue Reading', 'carousel_excerpt_show' => 1, 'carousel_excerpt_width' => 100, 'location_vertical' => 'bottom', 'location_horizontal' => 'left', 'carousel_hide_mobile' => 1, 'html5_docytpe' => 0, 'disable_css' => 0, 'disable_js' => 0 ); return $defaults; } ``` ## 屏幕截图 [⌊Carousel - Front End Display⌉⌊Carousel - Front End Display⌉[ Carousel – Front End Display [⌊Carousel - Shrunk down at smaller screen size⌉⌊Carousel - Shrunk down at smaller screen size⌉[ Carousel – Shrunk down at smaller screen size [⌊Carousel - Settings Page⌉⌊Carousel - Settings Page⌉[ Carousel – Settings Page ## 安装 1. Upload the entire `genesis-bootstrap-carousel` folder to the `/wp-content/plugins/` directory 2. DO NOT change the name of the `genesis-bootstrap-carousel` folder 3. Activate the plugin through the ‘Plugins’ menu in WordPress 4. Navigate to the `Genesis > Carousel Settings` menu 5. Configure the carousel 6. In the “Widgets” screen, drag the “Genesis Bootstrap Carousel” widget to the widget area of your choice ## 评价 此插件暂无评价。 ## 贡献者及开发者 「Genesis Bootstrap Carousel」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ jtallant ](https://profiles.wordpress.org/jtallant/) [帮助将「Genesis Bootstrap Carousel」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/genesis-bootstrap-carousel) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/genesis-bootstrap-carousel/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/genesis-bootstrap-carousel/)，或 通过[RSS](https://plugins.trac.wordpress.org/log/genesis-bootstrap-carousel/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/genesis-bootstrap-carousel/)。 ## 更新日志 #### 0.1.2 * Add a prefix to the html5_doctype function #### 0.1.1 * Add translation support #### 0.1.0 * Beta Release ## 额外信息 * 版本 **0.1.2** * 最后更新：**13 年前** * 活跃安装数量 **70+** * WordPress 版本 ** 3.2 或更高版本 ** * 已测试的最高版本为 **3.5.2** * 语言 * [English (US)](https://wordpress.org/plugins/genesis-bootstrap-carousel/) * 标签 * [genesis](https://cn.wordpress.org/plugins/tags/genesis/)[genesiswp](https://cn.wordpress.org/plugins/tags/genesiswp/) [responsive](https://cn.wordpress.org/plugins/tags/responsive/)[slider](https://cn.wordpress.org/plugins/tags/slider/) [slideshow](https://cn.wordpress.org/plugins/tags/slideshow/) * [高级视图](https://cn.wordpress.org/plugins/genesis-bootstrap-carousel/advanced/) ## 评级 3.4 星（最高 5 星）。 * [ 3 条 5 星评价 ](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/reviews/?filter=2) * [ 2 条 1 星评价 ](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/reviews/) ## 贡献者 * [ jtallant ](https://profiles.wordpress.org/jtallant/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/)