{"id":117,"date":"2013-05-07T21:54:16","date_gmt":"2013-05-07T21:54:16","guid":{"rendered":"https:\/\/demos.cryoutcreations.eu\/wordpress\/mantra\/?page_id=117"},"modified":"2015-05-20T21:46:06","modified_gmt":"2015-05-20T21:46:06","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/demos.cryoutcreations.eu\/wordpress\/mantra\/shortcodes","title":{"rendered":"Shortcodes"},"content":{"rendered":"

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

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

Buttons<\/h2>\n

Light Button<\/a> Dark Button<\/a> Blue Button<\/a> Red Button<\/a><\/p>\n

[cryout-button-light url=\"#\" target=\"_blank\"]Light Button[\/cryout-button-light]\r\n[cryout-button-dark url=\"http:\/\/www.google.com\/\" target=\"_self\"]Dark Button[\/cryout-button-dark]\r\n[cryout-button-color url=\"category\/some-post-or-page\" color=\"#aabbcc\"]Color Button[\/cryout-button-color]<\/pre>\n
The target<\/strong> attribute is optional and defaults to _blank<\/em>. The color<\/strong> atribute is only valid on the color button.<\/p>\n
\n
<\/h2>\n
Pullquote<\/h2>\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n<\/div>
\nLorem 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.<\/p>\n
[cryout-pullquote align=\"left|center|right\" textalign=\"left|center|right\" width=\"33%\"]\r\n   Quote text\r\n[\/cryout-pullquote]<\/pre>\n
\n
<\/h2>\n
Columns<\/h2>\n
<\/p>\n
Half<\/strong><\/p>\n
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. Mauris rhoncus sapien in mi viverra a adipiscing metus bibendum. Lorem ipsum dolor sit amet<\/div><\/p>\n
Quarter<\/strong><\/p>\n
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.<\/div><\/p>\n
 Quarter <\/strong><\/p>\n
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.<\/div><\/p>\n
<\/div>\n
<\/p>\n
Two Thirds
\n<\/strong><\/p>\n
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. Mauris rhoncus sapien in mi viverra a adipiscing metus bibendum. Lorem ipsum dolor sit amet<\/div><\/p>\n
One Third
\n<\/strong><\/p>\n
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.<\/div><\/p>\n
<\/div>\n
<\/p>\n
One Sixth
\n<\/strong><\/p>\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fringilla, magna. <\/div><\/p>\n
Two Thirds
\n<\/strong><\/p>\n
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. Mauris rhoncus sapien in mi viverra a adipiscing metus bibendum. Lorem ipsum dolor sit amet.<\/div><\/p>\n
One Sixth
\n<\/strong><\/p>\n
Praesent ac mauris lorem. Aenean malesuada augue ac tortor lobortis porta. <\/div><\/p>\n
<\/div>\n
\n
[cryout-multi]\r\n[cryout-column width=\"1\/2\"]\r\n   <strong>Half<\/strong> \r\n   Lorem ipsum...\r\n[\/cryout-column]\r\n[cryout-column width=\"1\/4\"]\r\n   <strong>Quarter<\/strong>\r\n   Lorem ipsum...\r\n[\/cryout-column]\r\n[cryout-column width=\"1\/4\"]\r\n   <strong>Quarter<\/strong> \r\n   Lorem ipsum...\r\n[\/cryout-column]\r\n[\/cryout-multi]\r\n[cryout-multi]\r\n[cryout-column width=\"2\/3\"]\r\n   <strong>Two Thirds<\/strong>\r\n   Lorem ipsum...\r\n[\/cryout-column]\r\n[cryout-column width=\"1\/3\"]\r\n   <strong>One Third<\/strong>\r\n   Lorem ipsum...\r\n[\/cryout-column]\r\n[cryout-multi]]\r\n...and so on<\/pre>\n
All available columns<\/h4>\n
[cryout-multi]\r\n[cryout-column width=\"1\/2\"]Half[\/cryout-column]\r\n[cryout-column width=\"1\/3\"]Third[\/cryout-column]\r\n[cryout-column width=\"1\/4\"]Quarter[\/cryout-column]\r\n[cryout-column width=\"1\/6\"]Sixth[\/cryout-column]\r\n[cryout-column width=\"2\/3\"]Two Thirds[\/cryout-column]\r\n[cryout-column width=\"3\/5\"]Three Quarters[\/cryout-column]\r\n[cryout-column width=\"5\/6\"]Fice Sixths[\/cryout-column]\r\n[\/cryout-multi]<\/pre>\n
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<\/em> with 1\/2<\/em> exceeds 1<\/em> (7\/6 > 6\/6<\/em>)<\/p>\n
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]<\/em> and [\/cryout-column][cryout-column…]<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"
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\u2026  Continue reading → <\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-117","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.cryoutcreations.eu\/wordpress\/mantra\/wp-json\/wp\/v2\/pages\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.cryoutcreations.eu\/wordpress\/mantra\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.cryoutcreations.eu\/wordpress\/mantra\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.cryoutcreations.eu\/wordpress\/mantra\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.cryoutcreations.eu\/wordpress\/mantra\/wp-json\/wp\/v2\/comments?post=117"}],"version-history":[{"count":61,"href":"https:\/\/demos.cryoutcreations.eu\/wordpress\/mantra\/wp-json\/wp\/v2\/pages\/117\/revisions"}],"predecessor-version":[{"id":217,"href":"https:\/\/demos.cryoutcreations.eu\/wordpress\/mantra\/wp-json\/wp\/v2\/pages\/117\/revisions\/217"}],"wp:attachment":[{"href":"https:\/\/demos.cryoutcreations.eu\/wordpress\/mantra\/wp-json\/wp\/v2\/media?parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}