WP-Tabbity provides an easy, shortcode-based method of introducing jQuery tabbed interfaces into your WordPress posts and pages.
- Download the plugin
- Unzip and upload the /wp-tabbity directory and all it’s subdirectories to your /wp-content/plugins directory on your website
- Visit your Control Panel and activate the plugin in the Plugins section.
- Configure WP-Tabbity by visiting the Settings page for the plugin
- Tabs and tab groups can be added to your posts and pages per the instructions on the “Usage and Options” tab.
- Once you’ve downloaded and installed the plugin, visit the Settings page for it in your Control Panel.
- Group Title defines a title that will appear anywhere a WP-Tabbity group appears, unless overriden in the shortcode options (see below)
- Tab Group Class defines any CSS classes you wish to add to every WP-Tabbity group.
- Tab Class defines any additional CSS classes you wish to add to evern WP-Tabbity tab
- Tab Style Choose from pre-defined jQuery Themeroller-styled versions. You could visit the Themeroller to design your own, if you’re feeling so inclined.
- Custom Stylesheet specifies a file that will be used to define the styles for the WP-Tabbity tabs. Advanced use only!
Please note that all usage examples are given using CURLY BRACES ( {} ) because using the correct straight braces messes with the shortcode system. You must used straight braces ( [] ) to make the code work correctly!!
At minimum, WP-Tabbity only requires one nested set of wp-tabbitygroup and a set of wp-tabbity shortcodes that include an id attribute. Here is a simple example:
{wp-tabbitygroup}
{wp-tabbity id="one"}Content for Panel One{/wp-tabbity}
{wp-tabbity id="two"}Content for Panel Two{/wp-tabbity}
{wp-tabbity id="three"}Content for Panel Three{/wp-tabbity}
{/wp-tabbitygroup}
