Skip to content

Add a responsive image slider to your pages based on Twitter's Bootstrap's Carousel component

License

Notifications You must be signed in to change notification settings

bassjobsen/twitter-bootstrap-slider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Twitter Bootstrap Slider

Add a responsive image slider to your pages based on Twitter's Bootstrap's Carousel component. Bootstrap is a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. This responsive image slider is build with Bootstrap's Carousel component. Bootstrap's javascripts plugins are jQuery based.

The slider can be inserted in two ways:

  • Via a WordPress hook: do_action('insert_bootstrapslider');
  • Via a ShortCode: [bootstrapslider]

Installation

Download the latest version as .zip file. Upload the .zip file to your Wordpress plugin directory (wp-content/plugin) and use the activate function in your dashboard. ( Plugins > installed plugins ). Add your images via Settings (settings menu).

Theme integration

To use this plugin in your themes copy the files to for example {wordpress}/wp-contents/themes/{yourtheme}/vendor/ and add according to this the code below to your functions.php:

if( !function_exists( 'wts' ) ):
function wts()
{
wp_deregister_style ( 'woocommerce-twitterbootstrap');	
wp_dequeue_style( 'woocommerce-twitterbootstrap');
wp_register_style ( 'woocommerce-twitterbootstrap', get_stylesheet_directory_uri() . '/vendor/woocommerce-twitterbootstrap/css/woocommerce-twitterboostrap.css', 'woocommerce' );
wp_enqueue_style( 'woocommerce-twitterbootstrap');
}
endif;	
add_action( 'wp_enqueue_scripts', 'wts', 200 ); 


remove_action('admin_menu',array($twitterbootstrapslider,'add_menu'));
add_action('admin_menu','twitter_bootstrap_slider_add_menu');
/** * add a menu */ 
function twitter_bootstrap_slider_add_menu() 
{
	 global $twitterbootstrapslider;
	 add_theme_page('Twitter Bootstrap Slider', 'Twitter Bootstrap Slider', 'manage_options', 'twitter-bootstrap-slider', array($twitterbootstrapslider, 'twitter_bootstrap_slider_settings_page'));
	 
	 
} // END public function add_menu()

Requirements

  • Wordpress tested with >= 3.6
  • A Bootstrap ready WordPress Theme, try JBST

Support

We are always happy to help you. If you have any question regarding this code. Send us a message or contact us on twitter @JamedoWebsites.

Changelog

1.1

  • Theme integration

1.0

  • First version

About

Add a responsive image slider to your pages based on Twitter's Bootstrap's Carousel component

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages