Shortcode Examples

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

Toggle One Title

Toggle Two Title

Toggle Three Title

Toggle Four Title


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:

 

Add sliders to your 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.
 

Achieve the perfect look

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.

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:

This is an accept callout note.
This is an idea callout note.
This is an info callout note.
This is an warn callout note.
This is an alert callout note.

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.