Shortcodes

Shortcodes built in to the editor

shortcodes built in to the editor

[full]Oceanic Premium WordPress Theme is stacked full of available shortcodes. Shortcodes enable you to easily add items such as styled buttons, columns and other items quickly and easily, and they are guaranteed to match the theme perfectly. We have supplied a large amount of options – examples below – that are easy to implement while creating your pages or posts via the pre-built buttons in the editor and they help to make each page as unique as you want it to be.[/full]

[hr]

Blockquote Example

[quote]Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis. Fusce et ipsum et nulla tristique facilisis. Donec eget sem sit amet ligula viverra gravida. Etiam vehicula urna vel turpis.[/quote]

[hr]

Example of a standard alert box

[highlight_1standard]

For this title to appear use a h4 tag within the shortcode for the box

Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat.
[/highlight_1standard]
[hr]

Example of a blue alert box

[highlight_1blue]

For this title to appear use a h4 tag within the shortcode for the box

Example of a red alert box

[highlight_1red]

For this title to appear use a h4 tag within the shortcode for the box

[hr]

Example of an orange alert box

[highlight_1orange]

For this title to appear use a h4 tag within the shortcode for the box

Example of a green alert box

[highlight_1green]

For this title to appear use a h4 tag within the shortcode for the box

Example of a dark background / white text alert box

[white] Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat. [/white]

[hr]

Here are all the buttons available!

[leftcolumn]
[highlight_button_white]White Link Button[/highlight_button_white]
[hr]
[highlight_button_orange]Orange Link Button[/highlight_button_orange]
[hr]
[highlight_button_green]Green Link Button[/highlight_button_green]
[hr]
[highlight_button_blue]Blue Link Button[/highlight_button_blue]
[/leftcolumn]

[rightcolumn]
[highlight_button_rwhite]Reverse White Link Button[/highlight_button_rwhite]
[hr]
[highlight_button_rorange]Reverse Orange Link Button[/highlight_button_rorange]
[hr]
[highlight_button_rgreen]Reverse Green Link Button[/highlight_button_rgreen]
[hr]
[highlight_button_rblue]Reverse Blue Link Button[/highlight_button_rblue]
[/rightcolumn]
[hr]

Horizontal Rule

[hr]

Full Column

[full]
There are several column widths to choose from with this template. This is a full width.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[/full]
[hr]

One Quarter Columns

[onequarter]
This is one quarter. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.
[/onequarter]

[onequarterlast]
This is one quarter last. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.
[/onequarterlast]
[hr]

Text Tooltips

To create a tooltip on hover simply add a class of “fade” and “original-text=”tooltip text here”” to your href link

[onequarter]
Try out this link with a fancy fading tool-tip!
[/onequarter]

[onequarterlast]
Try out this link with a fancy fading tool-tip!
[/onequarterlast]

[hr]

One Third Columns

[onethird]
This is one third. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[/onethird]

[onethirdlast]
This is one third last. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[/onethirdlast]
[hr]

One Third & Two Thirds Last Columns

[twothirdslast]
This is two thirds last. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[/twothirdslast]
[hr]

One Quarter & Three Quarter Last Columns

[threequarterlast]
This is three quarter last. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[/threequarterlast]
[hr]

Three Quarter & One Quarter Last Columns

[threequarter]
This is three quarter. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[/threequarter]

Two Thirds & One Third Last Columns

[twothirds]
This is two thirds. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[/twothirds]

Left Column & Right Column

[leftcolumn]
This is one half left. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[/leftcolumn]

[rightcolumn]
This is one half right. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[/rightcolumn]
[hr]

Full Width Image

[full][white]Any image used in this theme linked to the actual image instead of the post will automatically open up in prettyPhoto via the prettyPhoto Plugin included with this theme.[/white][/full]

[hr]

Example of class for highlight text

[full][highlight_text]
If you want to use this shortcode to call attention to a specific block of text – use this shortcode
[/highlight_text][/full]

[hr]

One Quarter Highlight Boxes

[onequarter][highlight_1standard]

One Quarter Box

You can even use shortcodes within other shortcodes!
[/highlight_1standard][/onequarter]

[onequarter][highlight_1standard]

One Quarter Box

You can even use shortcodes within other shortcodes!
[/highlight_1standard][/onequarter]

[onequarter][highlight_1standard]

One Quarter Box

You can even use shortcodes within other shortcodes!
[/highlight_1standard][/onequarter]

[onequarterlast][highlight_1standard]

One Quarter Box

You can even use shortcodes within other shortcodes!
[/highlight_1standard][/onequarterlast]
[hr]

Example of an unordered list

Example of a list item
Example of a list item
Example of a list item as a link
Example of a list item as a link

[hr]

Example of an ordered list

Example of a list item
Example of a list item
Example of a list item as a link
Example of a list item as a link

[hr]