Shortcodes are little chunks of easily read brackets of information that can perform complex actions and markup within your theme. The shortcodes shown below will demonstrate some of the possibilities with Orion.
Responsive Columns Grid
Utilize Orion’s responsive gris system within your content to create fractional columns. Check out the demo and documentation.Tab Panels in Content
Easily add tab panels to your content
Tab 1 content – Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Tab 2 content – It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
Tab 3 content – It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Insert tab panels either by clicking the “Insert Shortcode” button in the Editor or use the following syntax:
[tabgroup] [tab title="Tab 1" id="t1"]Tab 1 content[/tab] [tab title="Tab 2" id="t2"]Tab 2 content[/tab] [tab title="Tab 3" id="t3"]Tab 3 content[/tab] [/tabgroup]
Toggle Accordions in Content
Easily add accordion-style toggles to your content
Insert toggles either by clicking the “Insert Shortcode” button in the Editor or use the following syntax:
[toggle title="Toggle Title"]Toggle Content[/toggle]
Slideshows Anywhere
Quickly add a slideshow anywhere in your content
The [slideshow]
shortcode displays a list of your latest posts from any given category(s) with the several customizable options.
Example Slideshow:
Latest Posts Anywhere
Quickly add your latest anywhere in your content
The “latest” shortcode displays a list of your latest posts from any given category(s) with the several customizable options.
[latest excerpt="true" thumbs="true" width="50" height="50" num="5" cat="8,10,11"]
Parameters:
View the Latest Posts shortcode documentation
Beautiful Browser-Safe Buttons
Engage Users with Attractive Buttons
Using the [button]
shortcode, we can easily add attractive buttons in various colors, sizes and even with captions.
[button align="center" color="black" link="#" caption="this is a caption" ]My Button[/button]
Examples:
For a full list of parameters, please see the button shortcode documentation page.
Notifications & Callouts
Make your content stand out
Using the [callout]
and [note]
shortcodes, we can easily display call to actions and important notification messages using the following shortcodes.
[note class="alert"]This is an alert callout note.[/note]
Examples:
Learn More!
For a full list this shortcode’s parameters, please see the shortcode documentation page.
Responsive Videos
Easily Embed YouTube and Vimeo
Using the [youtube]
and [vimeo]
shortcodes, we can easily display responsive videos using the provider API.
[youtube responsive="true" autoplay="false" controls="false" id="HJSxwwZI4XI" showinfo="true" hd="true"]
Examples:
For a full list this shortcode’s parameters, please see the shortcode documentation page.