Shortcodes – Tabs & Toggles

Shortcodes – Tabs & Toggles

55+ [highlight color=”gray”]useful[/highlight] shortcodes make editing content a snap. Select from simple HTML formatting (like highlights, dropcaps, spacings etc.) to complete plugins (sliders, maps, tabs etc.) To make life easier, there is an advance inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax (or worse, memorizing each and every option of your favorite shortcode).

[break]

Toggles

Toggle boxes are great for organizing content into neat collapsible units. And they are super easy to implement in your posts as well! Here is a sample of how you can use them for building FAQs.

[togglebox title=”Q. What is the shortcode I use for inserting a Toggle?”] [dropcap]A Inserting toggles is quite simple. And so is the shortcode syntax for it. (not that you’ll ever need to remember it – thanks to the inbuilt Shortcode generator…)[/dropcap][wp_pre][togglebox title=”Some Title”]Toggle Box Content[ /togglebox] [/wp_pre] [/togglebox] [togglebox title=”Q. Can I have other shortcodes within the Toggle?”] [dropcap]A Ofcourse, toggle boxes can contain other shortcodes like this [highlight color=”blue”]highlighted text[/highlight]. Infact, the big ‘A’ on the left is a dropcap shortcode in action.[/dropcap] [/togglebox]

[top]

Tabs

Tab Sets help you break content into different tabs. Ofcourse, tabs can contain other shortcodes in them as well.

[tabset tab1=”Tab Title” tab2=”Another Title” tab3=”This is third” tab4=”Yet another”] [tab] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit. [tag_list]Pellentesque a tortor felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vitae urna tristique mauris aliquet egestas non et ipsum.
[/tag_list] [highlight bg_color=”#aa0000″ text_color=”#ffffff” color=”blue”]This is another shortcode within the Tabs shortcode.[/highlight]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/tab] [tab] Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/tab] [tab] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/tab] [tab] Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/tab] [/tabset]

[vspace]