All Categories

Create Tabbed Content / Create Content With Tabs

by Chris, in category Black Olive, Shortcodes

Here is the look we’re going for. We want to be able to insert tabbed content anywhere on our site.

Screen Shot 2014-02-12 at 9.34.47 AM

1. Go to the page where you want to insert your tabbed content. Place your cursor where you want your tabs to appear. Then go to the red S in your toolbar. This displays when you have your WordPress Canvas Shortcode plugin installed. This plugin comes prepackaged with your theme. Go to JQuery / Tabs and click it to insert.

Screen Shot 2014-02-12 at 9.33.41 AM

2. Your shortcode is now inserted. You will see parameters to enter your Tab Title and Sample Content. For demo purposes, I have chosen olives and butter cream and  inserted dummy text.
Screen Shot 2014-02-12 at 9.33.54 AM

Screen Shot 2014-02-12 at 9.34.25 AM

3.  To insert more tabs, copy and paste this shortcode. Be sure to include it before the final [wc_tabgroup] tag.

[wc_tab title="Tab Title"]

Sample Content

[/wc_tab]