High Plains Siding | Serving Oklahoma Since 1959

Shortcode Reference

Your theme has a several handy built-in shortcodes available.

Columns

You can use several fractional combinations to suit your needs, so long as the last column has a suffix of “_last”. See example below.

// Three Columns Example
[one_third]
Column One - Add anything you want here
[/one_third]
[one_third]
Column Two - Add anything you want here
[/one_third]
[one_third_last]
Column Three - Add anything you want here
[/one_third_last]

Available Options – Up to 6 columns

  • one_third
  • two_thirds
  • one_half
  • one_fourth
  • three_fourths
  • one_fifth
  • two_fifth
  • three_fifth
  • four_fifth
  • one_sixth
  • five_sixth

Buttons

You can add some nice cross-browser CSS3 buttons as well. See more colors and examples here.

[button align="center" color="white" size="small" link="http://www.simplethemes.com"]Small Button[/button]

which produces the following result:


Tabs

You can create tabs within your content as well. Each tab needs a unique id (identifier) in order to work.

[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]

which will output:

  • Tab 1 content
  • Tab 2 content
  • Tab 3 content


Toggle Panels

You can create accordion-like toggle panels within your content as well

[toggle title="Button text One"]
Toggle Content One
[/toggle]
[toggle title="Button Text Two"]
Toggle Content Two
[/toggle]
[toggle title="Button Text Three"]
Toggle Content Three
[/toggle]

Will produce:

Button text One

Toggle Content One

Button Text Two

Toggle Content Two

Button Text Three

Toggle Content Three


Callout Box

Insert a rounded cornered box of content. Elements with explicit widths don’t scale on some devices (e.g., some phones), so USE WITH CAUTION!

Callout

This is a 400px centered callout box. You can pretty much enter any content or other shortcodes (such as buttons) in this box.

[callout align="center" width="400"]
This is a 400px centered callout box
[/callout]

[callout align="left" width="200"]
This is a 200px left aligned callout box
[/callout]

[callout align="right" width="100"]
This is a 100px right aligned callout box
[/callout]

[callout]
This is a callout that will expand the entire width of its parent container.
[/callout]


Latest Posts

Insert a list of latest posts from specified category(s) into any page with optional thumbnail and excerpt.

[latest excerpt="true" thumbs="true" width="50" height="50" num="5" cat="8,10,11"]


Related Posts

Insert a list of related (tagged) posts.

[related_posts]


Clearing

If you ever need to clear an element, you can use the “clear” shortcode below.

[clear]

Clear with Horizontal line:

Similar to “clear”, this does the same thing but adds a horizontal line below.

[clearline]