Add clean and structured twitter bootstrap tabs to your WordPress Posts and Pages easily through the edit post/page panel.
WP Bootstrap Tabs is a plugin for WordPress using the built in capabilities of Twitter Bootstrap. It is very lightweight designed to simply add tabs using the Bootstrap tabs structure. They can be customized by adding your own styling or by modifying the styles and settings within the Bootstrap stylesheets and JQuery settings. For more information on how to do that, visit http://twitter.github.com/bootstrap/javascript.html#tabs
=Features:=
Option 1 – Quick Tag
Option 2 – Manual Insertion of Shortcode
[bootstrap_tab name=’Tab 1′ link=’tab1-slug’ active=’active’]Content for the tab Tab 1[/bootstrap_tab]
[bootstrap_tab name=’Tab 2′ link=’tab2-slug’ ]Content for the tab Tab 2[/bootstrap_tab]
[bootstrap_tab name=’Tab 3′ link=’tab3-slug’]Content for the tab Tab 3[/bootstrap_tab]
[end_bootstrap_tab]
Do not forget to insert the ‘name’ attribute for each tab. It is important
** Just remember to put the ‘end_bootstrap_tab’ shortcode at the end of all tab contents as shown above.**
* ‘name’ is the title of your tab, yo can put anything you want in here. ‘link’ is the html link and the content anchor to match up the tab list item with the content div. This should not contain any spaces. ‘active’ is only needed for the tab you want to display when the pages is loaded.
There’s 3 ways to install this plugin:
WP Bootstrap Tabs
will appear in your AdminwordPress-bootstrap-tabs
folder to the /wp-content/plugins/
directoryWP Bootstrap Tabs
will appear in your AdminNone at this point
Version 1.0.4 (08/09/2013
1. Adjusted the priority settings of wpautop to run after the shortcode
2. Added a missing closing tag at the end of the tab content
Version 1.0.2 (02/16/2013)
1. Initial Release
Visit the plugin page (http://virtusdesigns.com/wp-bootstrap-tabs) to see the changelog and release notes.