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