What does it do?

The tabs shortcode allows you to display information in tabs that appear when clicked, this is useful as it makes it easy to put a large amount of information into sections on a page without overloading the page with information.

How do I use it?

To embed this shortcode into the page, you need to copy the following HTML:

[sa_tabs][sa_tab title="Home" id="home"]
My Home content
[/sa_tab][sa_tab title="Profile" id="profile" active="true"]
My Profile content
[/sa_tab][sa_tab title="Messages" id="messages"]
My Messages content
[/sa_tab][/sa_tabs]

Rules:

  • title="" - sets the title of the tab.
  • id="" - sets the id of the tab.
  • active="" - sets the specified tab to be active. (true/false)

Once you have copied this, paste it into the page in the text editor view, click update/publish, and then refresh the page.