Shortcodes

Starting with version 2.2.1 the shortcodes are callable via the new shortcodes based on “cryout-“. We recommend using these new shortcodes instead of the old “mantra-” ones as those will eventually be removed (due to WordPress requirements).

Starting with version 2.4.0 shortcodes are no longer bundled with the theme (according to WordPress Theme Guidelines they are not allowed). The shortcodes functionality is now separately available as a downloadable plugin.

Buttons

Light Button Dark Button Blue Button Red Button

[cryout-button-light url="#" target="_blank"]Light Button[/cryout-button-light]
[cryout-button-dark url="http://www.google.com/" target="_self"]Dark Button[/cryout-button-dark]
[cryout-button-color url="category/some-post-or-page" color="#aabbcc"]Color Button[/cryout-button-color]

The target attribute is optional and defaults to _blank. The color atribute is only valid on the color button.

---

Pullquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fringilla, magna quis pulvinar ultricies, mi augue pellentesque lacus, ut convallis est orci sit amet justo. Praesent ac mauris lorem. Aenean malesuada augue ac tortor lobortis porta tempor turpis mattis. Mauris eu felis nunc, at lobortis elit.

[cryout-pullquote align="left|center|right" textalign="left|center|right" width="33%"]
   Quote text
[/cryout-pullquote]

---

Columns

---

[cryout-multi]
[cryout-column width="1/2"]
   <strong>Half</strong> 
   Lorem ipsum...
[/cryout-column]
[cryout-column width="1/4"]
   <strong>Quarter</strong>
   Lorem ipsum...
[/cryout-column]
[cryout-column width="1/4"]
   <strong>Quarter</strong> 
   Lorem ipsum...
[/cryout-column]
[/cryout-multi]
[cryout-multi]
[cryout-column width="2/3"]
   <strong>Two Thirds</strong>
   Lorem ipsum...
[/cryout-column]
[cryout-column width="1/3"]
   <strong>One Third</strong>
   Lorem ipsum...
[/cryout-column]
[cryout-multi]]
...and so on

All available columns

[cryout-multi]
[cryout-column width="1/2"]Half[/cryout-column]
[cryout-column width="1/3"]Third[/cryout-column]
[cryout-column width="1/4"]Quarter[/cryout-column]
[cryout-column width="1/6"]Sixth[/cryout-column]
[cryout-column width="2/3"]Two Thirds[/cryout-column]
[cryout-column width="3/5"]Three Quarters[/cryout-column]
[cryout-column width="5/6"]Fice Sixths[/cryout-column]
[/cryout-multi]

You must keep the total on one column-multi under or equal to a whole, otherwise the columns will not fit. For example, mixing 2/3 with 1/2 exceeds 1 (7/6 > 6/6)

One thing to note is that you should try to avoid leaving spaces / breaks outside column contents (WordPress will convert these to new lines and mess up the column content layouts). You can have as many newlines inside the column content as you want, but don’t leave any between [/cryout-multi][cryout-multi] and [/cryout-column][cryout-column…].