Title: Genesis Bootstrap Carousel
Author: jtallant
Published: <strong>7 octombrie 2012</strong>
Last modified: 20 februarie 2013

---

Caută module

![](https://ps.w.org/genesis-bootstrap-carousel/assets/banner-772x250.png?rev=670869)

Acest modul **nu a fost testat cu ultimele 3 versiuni importante ale WordPress**.
S-ar putea să nu mai fie întreținut sau susținut și ar putea avea probleme de compatibilitate
când este folosit cu versiuni recente ale WordPress.

![](https://s.w.org/plugins/geopattern-icon/genesis-bootstrap-carousel_cececd.svg)

# Genesis Bootstrap Carousel

 De [jtallant](https://profiles.wordpress.org/jtallant/)

[Descarcă](https://downloads.wordpress.org/plugin/genesis-bootstrap-carousel.0.1.2.zip)

 * [Detalii](https://ro.wordpress.org/plugins/genesis-bootstrap-carousel/#description)
 * [Recenzii](https://ro.wordpress.org/plugins/genesis-bootstrap-carousel/#reviews)
 *  [Instalare](https://ro.wordpress.org/plugins/genesis-bootstrap-carousel/#installation)
 * [Dezvoltare](https://ro.wordpress.org/plugins/genesis-bootstrap-carousel/#developers)

 [Suport](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/)

## Descriere

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;
    }
    ```

## Capturi ecran

 * [[
 * Carousel – Front End Display
 * [[
 * Carousel – Shrunk down at smaller screen size
 * [[
 * Carousel – Settings Page

## Instalare

 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

## Recenzii

Nu există nicio verificare pentru acest modul.

## Contributori și dezvoltatori

„Genesis Bootstrap Carousel” este un software open-source. La acest modul au contribuit
următoarele persoane.

Contributori

 *   [ jtallant ](https://profiles.wordpress.org/jtallant/)

[Tradu „Genesis Bootstrap Carousel” în limba ta.](https://translate.wordpress.org/projects/wp-plugins/genesis-bootstrap-carousel)

### Te interesează dezvoltarea?

[Răsfoiește codul](https://plugins.trac.wordpress.org/browser/genesis-bootstrap-carousel/),
vezi [depozitarul SVN](https://plugins.svn.wordpress.org/genesis-bootstrap-carousel/),
sau abonează-te la [jurnalul de dezvoltare](https://plugins.trac.wordpress.org/log/genesis-bootstrap-carousel/)
prin [RSS](https://plugins.trac.wordpress.org/log/genesis-bootstrap-carousel/?limit=100&mode=stop_on_copy&format=rss).

## Istoric modificări

#### 0.1.2

 * Add a prefix to the html5_doctype function

#### 0.1.1

 * Add translation support

#### 0.1.0

 * Beta Release

## Meta

 *  Versiunea **0.1.2**
 *  Ultima actualizare **Acum 13 ani**
 *  Instalări active: **70+**
 *  Versiune WordPress ** 3.2 sau mai recentă **
 *  Testat până la **3.5.2**
 *  Limbă
 * [English (US)](https://wordpress.org/plugins/genesis-bootstrap-carousel/)
 * Etichete
 * [genesis](https://ro.wordpress.org/plugins/tags/genesis/)[genesiswp](https://ro.wordpress.org/plugins/tags/genesiswp/)
   [responsive](https://ro.wordpress.org/plugins/tags/responsive/)[slider](https://ro.wordpress.org/plugins/tags/slider/)
   [slideshow](https://ro.wordpress.org/plugins/tags/slideshow/)
 *  [Vizualizare avansată](https://ro.wordpress.org/plugins/genesis-bootstrap-carousel/advanced/)

## Evaluări

 3.4 din 5 stele.

 *  [  3 5 – recenzii (stele)     ](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/reviews/?filter=5)
 *  [  0 4 – recenzii (stele)     ](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/reviews/?filter=4)
 *  [  0 3 – recenzii (stele)     ](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/reviews/?filter=3)
 *  [  0 2 – recenzii (stele)     ](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/reviews/?filter=2)
 *  [  2 1 – recenzii (stele)     ](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/reviews/#new-post)

[Vezi toate recenziile](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/reviews/)

## Contributori

 *   [ jtallant ](https://profiles.wordpress.org/jtallant/)

## Suport

Ai ceva de zis? Ai nevoie de ajutor?

 [Vezi forumul pentru suport](https://wordpress.org/support/plugin/genesis-bootstrap-carousel/)