by Mark / t31os 4.7 (14 reviews)

Post UI Tabs

Name: Post UI Tabs
Rating: 4.7 (14 reviews)
Author: Mark / t31os

Create jQuery tabs inside your posts, pages or post types using simple shortcodes inside the post editor.

Post UI Tabs ranks #9,614 among WordPress.org plugins with 400+ active installations, is #1,282 of 8,848 in the Customization category, a 4.7/5 rating from 14 reviews, and was last updated Apr 30, 2013. Data from WordPress.org, refreshed twice daily — see methodology.

Tested up to WP 3.6 (Current: 7.1.4)

v1.1.0 Current Version v1.1.0

Updated 13 years ago Last Update on 30 Apr, 2013

Refreshed 2 days ago Last Refreshed on

#1,282 of 8,848 in Customization Top 25% by installs No update in over a year

View on WordPress.org

Rank

#9,614

— No change

Active Installs

400+

-11.7%

KW Avg Position

N/A

— No change

Downloads

51.4K

+6 today

Support Resolved

— No change

Rating

94%

Review 4.7 out of 5

4.7 (14 reviews)

Next Milestone 500

Total Progress 64%

400+ 500+

530

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 36 more installs to reach 500+

Rank Changes

Current #9,614

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

4.7

14 reviews

Overall 94%

14 (100%)

0 (0%)

Security History

Source: WPVulnerability

No known vulnerabilities on record for Post UI Tabs. Checked 3 months ago.

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: 1.1.0
Last Updated: Apr 30, 2013
Requires WP: 3.1.0+
Tested Up To: 3.6
PHP Version: N/A
Author: Mark / t31os

Support & Rating

Rating: ★ ★ ★ ★ ★ 4.7
Reviews: 14
Support Threads: 0
Resolved: 0%

Keywords

editor jquery jquery ui shortcode tabs

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,757

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

30K+ installs

#1,015

Elementor Website Builder – more than just a page builder

10M+ installs

LiteSpeed Cache

7M+ installs

Ultimate Addons for Elementor – Widgets, Templates, WooCommerce & Header Footer Builder

2M+ installs

#26

Essential Addons for Elementor – Popular Elementor Templates & Widgets

1M+ installs

#29

Starter Templates: AI-Powered Website Templates for Elementor & Gutenberg

One Click Demo Import

1M+ installs

#62

Translate WordPress with GTranslate

900K+ installs

#71

View all Customization plugins

TL;DR

AI summary of the plugin's readme

This plugin is for WordPress site owners and developers who want to display post content in tabbed layouts using shortcodes. It solves the problem of presenting content in styled, jQuery-powered tabs without custom coding, while giving developers filters and actions to customize behavior.

Shortcode-based tab creation
24 jQuery UI themes
Custom stylesheet support
Works on posts, pages, post types
Filter for enabling tabs script
Customizable tab navigation text
Option to disable skins
Trailing linebreak toggle

Frequently Asked Questions

Common questions about Post UI Tabs

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. or Use the following format to write them directly into the post editor. [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 necessary for all tab sets end with the [end_tabset] shortcode, the tabs will not appear without this shortcode. Please 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).

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).

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).

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.

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.

Add the following to your theme's functions.php file. add_filter( 'put_nav_class', '__return_empty_array' );

You can modify the previous and next link text using the following in your theme's functions.php file. // Remove the UI classes(used by default to display nav icons) add_filter( 'put_nav_class', '__return_empty_array' ); // Hook callback functions to the filters add_filter( 'put_next_text', 'put_nav_next_text' ); add_filter( 'put_prev_text', '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'; }

Method one: Using a stylesheet in your theme's directory(will work for child themes to) add_filter( 'put_stylesheet_uri', 'my_custom_put_stylesheet' ); function my_custom_put_stylesheet( $uri ) { return get_stylesheet_directory_uri() . '/mycustom.css'; } Method two: Adding a filter from inside your own plugin file add_filter( 'put_stylesheet_uri', 'my_plugin_put_stylesheet' ); function my_plugin_put_stylesheet( $uri ) { // If the stylesheet is in the plugin's main directory return plugins_url( '', __FILE__ ) . '/mycustom.css'; // Eg. http://www.example.com/wp-content/plugins/your-plugin/mycustom.css // If the stylesheet is in a subdirectory of the plugin return plugins_url( 'dir', __FILE__ ) . '/mycustom.css'; // Eg. http://www.example.com/wp-content/plugins/your-plugin/dir/mycustom.css } Method three: Check the Disable skins option on the Post UI Tabs settings page and do either of the following. Add your own CSS to your theme's stylesheet(typically style.css). Call wp_enqueue_style on the put_enqueue_styles action, ie. the regular WP enqueuing method.

You can, simply place the following code into your theme's functions.php file or a plugin. add_filter( 'put_trailing_linebreak', '__return_false' );