Layout
[row]
…[/row]
wrap row tags around any column width tags below
[half]
…[/half]
Divides the content in half. These must be between the [row]
shortcode above. To fill a row it will require 2 instances of the shortcode.
Examples
[third]
…[/third]
Divides the content in thirds. These must be between the [row]
shortcode above. To fill a row it will require 3 instances of the shortcode.
Examples
Text Formatting
[bold]
…[bold]
Any text within this shortcode becomes bold.
Examples
This text is bold and this text isn’t
[link url="#"]
…[/link]
Adding a text link makes use of this short code. Simple enter the URL within the url
parameter and then include the text you want to appear between the opening and closing shortcodes.
Examples
Sample Link
[divider]
This shortcode adds a divider which helpful when separating content or sections of content
Examples
Buttons
[button url="#" color="blue"]
Button Text[/button]
Buttons have two parameters to fill plus the button text itself. Add the link to the url
parameter.
Buttons come with predefined colors. Available colors include blue
, green
, and purple
. Add the color name to the color parameter.
Lists
[list]
[list-item]
My List Item[/list-item]
[/list]
Basic lists work by wrapping the [list]
shortcode around one or more [list-item]
shortcodes. You can add as many list items as you like as well as embed other basic shortcodes within like [link ]
shortcodes and more…
Add another [sub-item]
within the [list-item]
shortcode for even more formatting. The result would look similar to this:[list]
[list-item]
My List Item [sub-item]
My Sub Item[/sub-item]
[/list-item]
[/list]
Examples
- My List Item 1
- My List Item 2
- My List Item 3
Example with Sub Items
- My List Item 1Sub item 1
- My List Item 2Sub item 2
- My List Item 3Sub item 3
Callout
[callout]
Content you want to call attention to.[/callout]
Callouts are good ways to call attention to a specific section of content.
Examples
Accordians
[accordion][accordion-row][row-title]My Accordion Row 1[/row-title][row-content]Accordion content for My Accordion Row 1[row-content][/accordion-row][/accordion]
Accordions are a little more complicated but just think of them in terms of rows. Each row will have a corresponding title (the link you click on) and corresponding content(the content that appears when you click).
Examples
- My First RowVivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Curabitur blandit tempus porttitor. Donec ullamcorper nulla non metus auctor fringilla. Etiam porta sem malesuada magna mollis euismod.
- My Second RowVivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Curabitur blandit tempus porttitor. Donec ullamcorper nulla non metus auctor fringilla. Etiam porta sem malesuada magna mollis euismod.
My Button
Popups
[popup url="#" color=""]
My Button Text [/popup]
Much like a [button]
shortcode a popup shortcode has a parameters for color
and a url
. The popup works with YouTube and Vimeo Video URLs only.
Buttons come with predefined colors. Available colors include blue
, green
, and purple
. Add the color name to the color parameter.
Examples:
My VideoVideos
[video]
{{Video Embed Code Goes Here }}[/video]
All embedded videos appear best when wrapped with the [video]
shortcode. This essentially makes the video scale no matter the screen size. With many people visiting websites from their phones these days this support is a must!