WordPress Tabs Quick Start

Responsive WordPress Tabs

Responsive WordPress Tabs

WonderPlugin Tabs plugin supports two responsive modes. You can choose to add navigation arrows to the tab header, or you can add a menu button and display the extra tabs in a popup menu.

You can also choose to hide tab text and only display tab icons on small screen devices.

Responsive WordPress Tabs
Responsive WordPress Tabs

Mobile and Tablets Friendly

WonderPlugin Tabs plugin works on iPhone, iPad, Android and supports all major web browsers including Chrome, Firefox, Safari, Opera and Internet Explorer 8/9/10/11.

Horizontal and Vertical WordPress Tabs

With the built-in professional skins, WonderPlugin Tabs plugin is the easiest way to create horizontal and vertical WordPress tabs.

Vertical WordPress Tabs
WordPress Tabs with Icons

Font Awesome Tab Icons or Image Icons

It's easy to add an icon to the tab. You can use your own image or choose from more than 500 free Font Awesome icons (view the complete Font Awesome icon list).

Open a Tab with URL Parameter

You can open a specific tab by using URL parameter tabid. You can also specify the default tab id in the plugin.

WordPress Tabs URL Parameter

What's New

Version 4.9 - September 16, 2017

  • Support a URL parameter tabgroupid to specify the tab group ID when using the parameter tabid to specify the active tab on page load

Version 4.8 - August 16, 2017

  • Add a search function when adding a page to the tab content
  • Add a function "Search and Replace" in the "Import/Export" menu. This function can be used to search and replace domain names in the carousels when you move your WordPress site to a new domain or change to HTTPS secure site.
  • Fix the warnings when checking PHP 7 compatibility with the plugin PHP Compatibility Checker

Version 4.7 - July 22, 2017

  • Fix an issue in the tabs editor

Version 4.6 - July 20, 2017

  • Use Google Analytics to track tab clicks

Version 4.5 - June 22, 2017

  • Export/import the tabs to/from XML files

Version 4.4 - June 6, 2017

  • Fix the height issue when there are dynamically created contents in the tabs

Version 4.3 - April 12, 2017

  • Fix the bug under Internet Explorer and Edge

Version 4.2 - April 4, 2017

  • Fix a bug in the editor preview

Version 4.1 - April 4, 2017

  • Fix a bug in nested accordion tabs

Version 4.0 - January 31, 2017

  • Add an option to change tabs on mouse over
  • Fix a bug with the option of closing all tabs in accordion mode on page load

Version 3.9

  • When adding a tab group to a page or post by using the shortcode, support calling the tab group by its name, for example [wonderplugin_tabs name="Tab Group Name"]

Version 3.8

  • Fix a bug in version 3.7 when the transition effect is fade out

Version 3.7

  • Add an option to specify the time delay of window resize event on switching tabs

Version 3.6

  • Add an option of whether to load Font Awesome CSS

Version 3.5

  • Fix a bug of accordion style tabs

Version 3.4

  • Add an ID value to the tabs container div

Version 3.3

  • Add an option to switch to accordion mode on small screen devices

Version 3.2

  • Change TinyMCE editor default to false

Version 3.1

  • Support TinyMCE editor
  • Add an option to support tabindex attribute: use Tab key to navigate and focus on a tab, then press the Enter key to display the tab content

Version 3.0

  • Add an option to use left/right arrow to navigate between tabs

Version 2.9

Version 2.8

  • Add an option to save the current tab id in session cookie

Version 2.7

  • Support embedding a tab group to another tab
  • Use WordPress color picker to configure the color options

Version 2.6

  • Fix a bug in plugin update

Version 2.5

  • Support trash in tab management. The deleted tab group will be moved to the trash in which you can restore or permanently delete it.

Version 2.4

  • Add an option to support adding the new tab to the beginning of the list
  • Add a function to reverse the tab list

Version 2.3

  • Add an option to add CSS display:none to the hidden panel

Version 2.2

  • Fix the bug when there is iframe in the tabs
  • Fix the bug when the content has the CSS property of visibility:visible
  • Add an option to display tab buttons in full width on small screen

Version 2.1

  • Add an option to remove backslashes in JSON string

Version 2.0

  • Add an option to specify the width of the navigation arrows

Version 1.9

  • Add an option to trigger window resize event when tabs load
  • Trigger jQuery event inited.wonderplugintabs, beforeswitch.wonderplugintabs, afterswitch.wonderplugintabs

Version 1.8

  • Fix bugs

Version 1.4

  • Add an option to add slider js files to the footer
  • Add an option to display tabs in text widgets

Version 1.3

  • Support version check and update

Version 1.2

  • Add an option "Keep data when deleting the plugin".
  • Provide an alternative post method to save the tabs if ajax fails

Version 1.1

  • Fix a minor bug