UPDATE: Georgia Southern moving to online instruction for all courses for the remainder of the semester effective March 30.
Visit our COVID-19 response page for full information.

Skip to main content

Submenu Example: Tabs

Text in tab item 1

Text in tab item 2

Text in tab item 3


Adding Tabs to Your Page

  1. Create a blank line where you can paste in the code from below.
    The easiest way to do this is to go to the title of your page and hit enter/return.
  2. Copy the code from below.
<!-- wp:shortcode -->
[tabs type="tabs"]
    [tab title="Tab 1" xclass="nomargin"]

<!-- /wp:shortcode -->

<!-- wp:spacer {"height":20} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>Text in tab item 1</p>
<!-- /wp:paragraph -->

<!-- wp:shortcode -->
    [/tab]
    [tab title="Tab 2" xclass="nomargin"]

<!-- /wp:shortcode -->

<!-- wp:spacer {"height":20} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>Text in tab item 2</p>
<!-- /wp:paragraph -->

<!-- wp:shortcode -->
    [/tab]
    [tab title="Tab 3" xclass="nomargin"]
<!-- /wp:shortcode -->

<!-- wp:spacer {"height":20} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>Text in tab item 3</p>
<!-- /wp:paragraph -->

<!-- wp:shortcode -->
    [/tab]
[/tabs]
<!-- /wp:shortcode -->
  1. Click into the empty line you just created.
    It should say “Start writing or type / to choose a block”
  2. Paste the code in the empty line.

This will create a series of shortcode blocks and paragraph blocks.

To change the titles of the tabs, replace the text “Tab 1” etc. The content in between the shortcode blocks is what will display on each tab.

Last updated: 3/24/2020