=== Plugin Name === Contributors: t31os_ Tags: editor, shortcode, tabs, jquery, jquery-ui, post, page, custom-post-types Requires at least: 3.1.0 Tested up to: 3.6 Stable tag: 1.0.6 Create jQuery tabs inside your posts, pages or post types using simple shortcodes inside the post editor. == Description == Show off your post content inside stylish jQuery powered tabs using one of 25 different themes or create your own styling to suit. == Installation == 1. Upload the `put`(post-ui-tabs) folder to the `/wp-content/plugins/` directory 1. Activate the plugin through the Plugins menu in WordPress 1. Visit the plugin configuration screen under **Admin > Settings > Post UI Tabs** and set your preferences 1. Create posts using the easy to use shortcode and watch the magic happen == Frequently Asked Questions == = So how do i create tabs? = Please use the following format for creating tab sets. ` [tab name="Your tab name 1"]Your tab content[/tab] [tab name="Your tab name 2"]Your tab content[/tab] [tab name="Your tab name 3"]Your tab content[/tab] [end_tabset] ` **NOTE:** It is essential all tab sets end with the `[end_tabset]` shortcode, the tabs will not appear without it. Please also note tabs can not be placed on the same line, this is a limitation of shortcode functionality in WordPress. = Can i use my own stylesheet instead of one of the UI skins? = Yes, simply disable skins and add any custom CSS for styling into your own stylesheet. **NOTE:** The live preview is not available when defining your own CSS. = Can i use HTML inside the tabs? = You may use any HTML the WordPress content editor usually allows inside the tab content, but not inside the tab names(which are sanitized seperately). = Can i use tabs in pages? = The plugin is not restricted to a particular kind of content, so yes pages, posts or custom post types(or at least any type that supports using the content editor). = Can i use other shortcodes inside the tab content? = Yes you should be able to, it has not been tested, but if you have any problems feel free to start a support topic right here in the WordPress.org forums. = Why do the tabs not look the same when i view them on the front facing side of my site? = It is possible your theme's stylesheet is applying CSS to some of the tabs elements, please feel free to start a support topic if you need help making adjustments. = How can i remove the UI classes from the next and previous links? = Add the following to your theme's **functions.php** file. ` add_filter( 'post_ui_tabs_class', '__return_empty_array' ); ` = When using text nav links how i can change the link text? = You can modify the previous and next link text using the following in your theme's **functions.php** file. ` // First strip away the classes added to the links by Post UI Tabs add_filter( 'post_ui_tabs_class', '__return_empty_array' ); // Hook callback functions to the filters add_filter( 'post_ui_tabs_next', 'put_nav_next_text' ); add_filter( 'post_ui_tabs_prev', 'put_nav_prev_text' ); // Callback to change the 'Next' text function put_nav_next_text() { return 'Your next text'; } // Callback to change the 'Previous' text function put_nav_prev_text() { return 'Your previous text'; } ` = How do i include my own CSS instead of using a jQuery UI theme? = One of two ways, the first can be accomplished by using the three filters provided for the skins array, stylesheet name and stylesheet directory. *For example:* (example assumes you're loading a custom stylesheet from your theme directory) ` // Swap the jquery ui directory uri for the theme directory uri add_filter( 'post_ui_tabs_dir', 'put_use_theme_directory' ); function put_use_theme_directory() { // Return the theme or child theme directory return get_stylesheet_directory_uri(); } // Empty out the skins array(deals with some conditional logic in the plugin - required to work) add_filter( 'post_ui_tabs_skins', '__return_empty_array' ); // Update the stylesheet name(example uses what would typically be the name of the stylesheet created by jQuery's Theme Roller - assuming you called the theme *custom*) add_filter( 'post_ui_tabs_stylesheet', 'put_stylesheet_name' ); function put_stylesheet_name() { return 'jquery-ui-1.10.2.custom.css'; } ` The second method is a bit more straight forward, simply.. * Check the *Disable Skins* option on the Post UI Tabs settings page. * Add your own CSS to your theme's stylesheet(typically *style.css*) == Screenshots == 1. A post with 2 jQuery UI tab sets 2. The plugin administration page == Changelog == = 1.0.6 = * Update jQuery functions inline with jQuery UI updates, ie. replace calls to deprecated functions * Removed cookie support(removed from jQuery UI) - alternative to be provided later on * Moved some filters that were not working correctly * Added some new action hooks for users to disable jQuery UI css and enqueue their own * Improved some jQuery to better handle previous and next navigation when there are disabled tabs = 1.0.5 = * Changed the `has_tabs` variable to public = 1.0.4 = * Update to jQuery UI 1.8.15 (for skins) * Add option to display tab titles and content in feeds * Rearrange markup for feeds so titles and content does not bunch together * Move enqueues to more appropriate action = 1.0.3 = * Rename cookie javascript, possible fix for unknown problem with 404s to cookie script * Remove shortcode content from feeds(was never intended to be output in feeds) = 1.0.2 = * Fix style/script versions * Add proper plugin version to plugin(whoops) * Add more to readme.txt