WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Tabs Shortcodes

Adds a few shortcodes to allow for tabbed content.

Adds a few shortcodes to allow for tabbed content.

NOTE: If you are not comfortable using WordPress shortcodes, this plugin may not be for you.

Features

  • Adds two shortcodes for adding a tabbed interface to your site
  • No default CSS added (you will need to add your own)
  • Only adds JavaScript on pages that use the shortcodes
  • Does not require jQuery

The Shortcodes

The two shortcodes that are added are:

[tabs]

and

[tab title=""]

Basic Usage Example

[tabs]
[tab title="First Tab"]Content for tab one goes here.[/tab]
[tab title="Second Tab"]Content for tab two goes here.[/tab]
[/tabs]

This will output the following HTML:

<ul class="tabs">
    <li><a href="#tab-1" class="active">First Tab</a></li>
    <li><a href="#tab-2">Second Tab</a></li>
</ul>
<section id="tab-1" class="tab active">Content for tab one goes here.</section>
<section id="tab-2" class="tab">Content for tab two goes here.</section>

Settings

There are no settings for the plugin. The only additional setup you will need to do is add some css to style the tabs however you'd like. Adding the CSS is very important as the tabs will not display as tabs until you do so.

Tags: , ,

Requires: 3.3 or higher
Compatible up to: 3.8.3
Last Updated: 2014-3-17
Downloads: 1,437

Ratings

4 stars
4 out of 5 stars

Support

4 of 4 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,3,3 100,1,1 100,1,1