Show off your post content inside stylish jQuery powered tabs using one of 24 different jQuery UI themes or include your own custom stylesheet.<\/p>\n\n
The plugin provides various filters to aid users, they are as follows<\/p>\n\n
put_decide_has_tabs<\/code>: (bool) true\/false value that determines whether to run the tabs script(runs inside a filter on the_content<\/code>)<\/li>\nput_theme_dir<\/code>: (string) passes the theme directory uri<\/li>\nput_stylesheet<\/code>: (string) name of the stylesheet to use for tabs CSS<\/li>\nput_skins<\/code>: (array) passes the array of skins available to the plugin<\/li>\nput_stylesheet_uri<\/code>: (string) the full stylesheet uri used (easier hook for custom stylesheets)<\/li>\nput_prev_text<\/code>: (string) the text used for previous tab navigation(text not shown by default)<\/li>\nput_next_text<\/code>: (string) the text used for next tab navigation(text not shown by default)<\/li>\nput_nav_class<\/code>: (string) the classes applied to the prev and next navigation(second arg indicates prev or next text)<\/li>\nput_trailing_linebreak<\/code>: (bool) true\/false value to determine whether or not to add a trailing <br \/><\/code> (linebreak) after each tab set<\/li>\n<\/ul>\n\nA couple of actions are also available for when you'd rather just turn off skins and enqueue your own stylesheet<\/p>\n\n
\nput_enqueue_css<\/code>: runs on front facing pages with tab sets when the Disable skins<\/em> is enabled<\/li>\nput_admin_enqueue_css<\/code>: runs on the plugin settings page when the Disable skins<\/em> is enabled<\/li>\n<\/ul>\n\n\n\n- Upload the
put<\/code>(post-ui-tabs) folder to the \/wp-content\/plugins\/<\/code> directory<\/li>\n- Activate the plugin through the Plugins menu in WordPress<\/li>\n
- Visit the plugin configuration screen under WordPress Admin > Settings > Post UI Tabs<\/strong> and set your preferences<\/li>\n
- Create posts using the easy to use shortcode and watch the magic happen<\/li>\n<\/ol>\n\n\n
\n- So how do i create tabs?<\/dt>\n
Click one of the simple to use tinymce buttons provided by PUT in the post editor, quick tags are also available in the text editor.<\/p>\n\n
or<\/p>\n\n
Use the following format to write them directly into the post editor.<\/p>\n\n
[tab name=\"Your tab name 1\"]Your tab content[\/tab] \n[tab name=\"Your tab name 2\"]Your tab content[\/tab]\n[tab name=\"Your tab name 3\"]Your tab content[\/tab]\n[end_tabset]\n<\/code><\/pre>\n\nNOTE:<\/strong> \nIt is necessary for all tab sets end with the [end_tabset]<\/code> shortcode, the tabs will not appear without this shortcode.
\nPlease be aware that tab shortcodes can not be placed on the same line, this is a limitation of shortcode functionality in WordPress(and i do not wish to bloat this plugin with extra code to work around it).<\/p><\/dd>\n- Can i use HTML inside the tabs?<\/dt>\n
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).<\/p><\/dd>\n
- Can i use tabs in pages?<\/dt>\n
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).<\/p><\/dd>\n
- Can i use other shortcodes inside the tab content?<\/dt>\n
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.<\/p><\/dd>\n
- Why do the tabs not look the same when i view them on the front facing side of my site?<\/dt>\n
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.<\/p><\/dd>\n
- How can i remove the UI classes from the next and previous links?<\/dt>\n
Add the following to your theme's functions.php<\/strong> file.<\/p>\n\nadd_filter( 'put_nav_class', '__return_empty_array' );\n<\/code><\/pre><\/dd>\n- When using text nav links how i can change the link text?<\/dt>\n
You can modify the previous and next link text using the following in your theme's functions.php<\/strong> file.<\/p>\n\n\/\/ Remove the UI classes(used by default to display nav icons)\nadd_filter( 'put_nav_class', '__return_empty_array' );\n\n\/\/ Hook callback functions to the filters\nadd_filter( 'put_next_text', 'put_nav_next_text' );\nadd_filter( 'put_prev_text', 'put_nav_prev_text' );\n\n\/\/ Callback to change the 'Next' text\nfunction put_nav_next_text() { return 'Your next text'; }\n\n\/\/ Callback to change the 'Previous' text\nfunction put_nav_prev_text() { return 'Your previous text'; }\n<\/code><\/pre><\/dd>\n- How do i include my own CSS in place of one of the jQuery UI themes?<\/dt>\n
Method one:<\/strong>
\nUsing a stylesheet in your theme's directory(will work for child themes to)<\/em><\/p>\n\nadd_filter( 'put_stylesheet_uri', 'my_custom_put_stylesheet' );\n\nfunction my_custom_put_stylesheet( $uri ) {\n return get_stylesheet_directory_uri() . '\/mycustom.css';\n}\n<\/code><\/pre>\n\nMethod two:<\/strong>
\nAdding a filter from inside your own plugin file<\/em><\/p>\n\nadd_filter( 'put_stylesheet_uri', 'my_plugin_put_stylesheet' );\n\nfunction my_plugin_put_stylesheet( $uri ) {\n\n \/\/ If the stylesheet is in the plugin's main directory\n\n return plugins_url( '', __FILE__ ) . '\/mycustom.css';\n \/\/ Eg. http:\/\/www.example.com\/wp-content\/plugins\/your-plugin\/mycustom.css\n\n\n \/\/ If the stylesheet is in a subdirectory of the plugin\n\n return plugins_url( 'dir', __FILE__ ) . '\/mycustom.css';\n \/\/ Eg. http:\/\/www.example.com\/wp-content\/plugins\/your-plugin\/dir\/mycustom.css\n}\n<\/code><\/pre>\n\nMethod three:<\/strong>
\nCheck the Disable skins<\/strong> option on the Post UI Tabs settings page and do either of the following.<\/p>\n\n\n- Add your own CSS to your theme's stylesheet(typically style.css<\/strong>). <\/li>\n
- Call
wp_enqueue_style<\/code> on the put_enqueue_styles<\/code> action, ie. the regular WP enqueuing method.<\/li>\n<\/ul><\/dd>\n- Can i remove the linebreak that Post UI Tabs after each tab set?<\/dt>\n
You can, simply place the following code into your theme's functions.php<\/code> file or a plugin.<\/p>\n\nadd_filter( 'put_trailing_linebreak', '__return_false' );\n<\/code><\/pre><\/dd>\n\n<\/dl>\n\n\n1.0.10<\/h4>\n\n\n- Fix for undefined error in
post-tabs-ui.js<\/code> + some additional small adjustments<\/li>\n- Fix end tabs quicktag in text editor<\/li>\n
- Added toggle option to determine whether to automatically select the active tab(disabling allows anchored links to select the active tab)<\/li>\n<\/ul>\n\n
1.0.9<\/h4>\n\n\n- Added WordPress version check<\/li>\n
- Added GPL License to top of plugin main file<\/li>\n
- First pass adding screen help to the plugin's configuration page(wp 3.3+ only)<\/li>\n
- First pass adding TinyMCE buttons for tab shortcodes<\/li>\n
- Added
<br \/><\/code> after each tabset(can be removed using the new put_trailing_linebreak<\/code> filter)<\/li>\n- Rewrote some of the Javscript\/jQuery code<\/li>\n<\/ul>\n\n
1.0.8<\/h4>\n\n\n- Fixed bug with jQuery code that caused the tabs not to render in IE7\/8 (my fault)<\/li>\n
- Added backwards support for jQuery UI tabs prior to jQuery UI 1.9(WordPress 3.1 - 3.4)<\/li>\n
- Update more of the readme, to reflect changes to plugin filter\/action names<\/li>\n<\/ul>\n\n
1.0.7<\/h4>\n\n\n- Added two new filters
put_decide_has_tabs<\/code> and put_stylesheet_uri<\/code>. <\/li>\n- Switched the filter names(sorry) to use a more consistent and descriptive naming scheme - all hooks are now use the
put_<\/code> prefix.<\/li>\n- Change example code in readme and added a list of all the available plugin hooks<\/li>\n<\/ul>\n\n
1.0.6<\/h4>\n\n\n- Update jQuery functions inline with jQuery UI updates, ie. replace calls to deprecated functions<\/li>\n
- Removed cookie support(removed from jQuery UI) - alternative to be provided later on<\/li>\n
- Moved some filters that were not working correctly<\/li>\n
- Added some new action hooks for users to disable jQuery UI css and enqueue their own<\/li>\n
- Improved some jQuery to better handle previous and next navigation when there are disabled tabs<\/li>\n<\/ul>\n\n
1.0.5<\/h4>\n\n\n- Changed the
has_tabs<\/code> variable to public<\/li>\n<\/ul>\n\n1.0.4<\/h4>\n\n\n- Update to jQuery UI 1.8.15 (for skins)<\/li>\n
- Add option to display tab titles and content in feeds<\/li>\n
- Rearrange markup for feeds so titles and content does not bunch together<\/li>\n
- Move enqueues to more appropriate action<\/li>\n<\/ul>\n\n
1.0.3<\/h4>\n\n\n- Rename cookie javascript, possible fix for unknown problem with 404s to cookie script<\/li>\n
- Remove shortcode content from feeds(was never intended to be output in feeds)<\/li>\n<\/ul>\n\n
1.0.2<\/h4>\n\n\n- Fix style\/script versions<\/li>\n
- Add proper plugin version to plugin(whoops)<\/li>\n
- Add more to readme.txt<\/li>\n<\/ul>","raw_excerpt":"Create jQuery tabs inside your posts, pages or post types using simple shortcodes inside the post editor.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/12769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=12769"}],"author":[{"embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/t31os_"}],"wp:attachment":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=12769"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=12769"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=12769"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=12769"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=12769"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=12769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}