=== Tabby Responsive Tabs === Contributors: numeeja Donate link: http://cubecolour.co.uk/wp Tags: tabs, responsive, Requires at least: 3.7 Tested up to: 3.7.1 Stable tag: 1.0.0 License: GPLv2 Tabby enables you to create responsive tabs inside your posts, pages or custom post types by adding simple shortcodes inside the post editor. The tabs turn into an accordion on a viewport 767px wide or less. == Description == * Adds a Horizontal Tabbed interface which changes to Accordion when the viewport width is 767px or less * Tabs and accordion are created with jQuery * Supports multiple sets of tabs on same page * Uses Semantic header and Content markup * Aria attributes and roles aid screen reader accessibility * Tabs and content are accessible via keyboard = Usage: = There are two shortcodes which should both be used `[tabby]` and `[tabbyending]` `[tabby title="tabname"]` Where tabname is the title of your tab. Add the tab content after the `[tabby]` shortcode. After the content of the last tab in a tabgroup use a `[tabbyending]` shortcode. **note:** it is important to have a `[tabbyending]` = Example = ` [tabby title="First Tab"] Kitty ipsum dolor sit amet, sunbathe dolor mauris a tristique, feed me nullam stuck in a tree ac faucibus bibendum libero. Jump on the table accumsan et vestibulum fluffy fur libero. [tabby title="Second Tab"] Lay down in your way catnip stuck in a tree iaculis, sunbathe orci turpis kittens scratched dolor quis nunc. Vestibulum cras nec attack sniff eat, tempus enim ut adipiscing scratched orci turpis give me fish. [tabby title="Third Tab"] Jump sleep in the sink vestibulum climb the curtains attack, sleep on your face sniff attack your ankles etiam give me fish judging you. Sagittis run zzz jump elit nibh, sunbathe enim rip the couch vulputate accumsan. [tabbyending] ` == Installation == 1. Upload the plugin folder to your '/wp-content/plugins/' directory 1. Activate the plugin through the 'Plugins' menu in WordPress 1. Add the shortcodes to your content ` [tabby title="First Tab"] Kitty ipsum dolor sit amet, sunbathe dolor mauris a tristique, feed me nullam stuck in a tree ac faucibus bibendum libero. Jump on the table accumsan et vestibulum fluffy fur libero. [tabby title="Second Tab"] Lay down in your way catnip stuck in a tree iaculis, sunbathe orci turpis kittens scratched dolor quis nunc. Vestibulum cras nec attack sniff eat, tempus enim ut adipiscing scratched orci turpis give me fish. [tabby title="Third Tab"] Jump sleep in the sink vestibulum climb the curtains attack, sleep on your face sniff attack your ankles etiam give me fish judging you. Sagittis run zzz jump elit nibh, sunbathe enim rip the couch vulputate accumsan. [tabbyending] ` == Frequently Asked Questions == = Where is the plugin's admin page? = There isn't one. This is a lightweight plugin with no selectable options, so there is no need for an admin page. = Is it responsive? = Yes - it defaults to 100% of the width of the enclosing element. = How can I change the colours? = You can copy the css rules from the plugin's stylesheet into your child theme's stylesheet and then customise the colours or use a plugin to add in the css. The css rules should be straighforward to work out. = OK I've done that, now how do I stop the default styles from loading? = You can prevent the built-in styles from loading by adding the following line to your child theme's functions.php or a custom functionality plugin: `` = Can I display multiple tab groups on a single page? = Yes you can. As many as you like. = Can you create a customised stylesheet for me to fit in with the colours of my website? = I'd love to, but my time is limited and this is beyond of the scope of the free support that I can give on the forums, I can offer this as a paid service. Please send me details of your requirements via the [cubecolour contact form](http://cubecolour.co.uk/contact/ "cubecolour contact form"). = Why do you spell the word 'colour' incorrectly? = I don't, I'm from England. = I am using the plugin and I love it, how can I show my appreciation? = You can donate via [my donation page](http://cubecolour.co.uk/wp/ "cubecolour donation page") If you find the plugin useful I would also appreciate a glowing five star reviews on the [plugin review page](http://wordpress.org/support/view/plugin-reviews/tabby-reponsive-tabs/ "Tabby Responsive Tabs plugin reviews") If it isn't working for you, please read the documentation carefully. If it doesn't address your issue, post a question on the [plugin support forum](http://wordpress.org/support/plugin/tabby-responsive-tabs" Tabby Responsive Tabs plugin support forum") so we can at least have an opportunity to try to get it working before you leave a review. == Screenshots == 1. On a desktop browser the content is displayed within a tabbed interface. 2. When the browser width is below the size set in the media query, the tabs are replaced by an accordion interface. == Changelog == = 1.0.0 = * Initial Version == Upgrade Notice == = 1.0.0 = * Initial Version