Shortcodes

CraftoWP comes with more than 20 built-in shortcodes developed on the new Tinymce 4.0. All shortcodes are build using the new WordPress UI and are available on post edit screen by pressing the “Add shortcode” button.

[separator top=”40″ bottom=”40″ length=”long” ornament=”yes” invisible=”yes”]

Font Awesome Icons

[icon type=”bullhorn” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”archive” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”folder” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”star” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”book” size=”” rotate=”” flip=”” pull=”” spin=”false”]     [icon type=”certificate” size=”” rotate=”” flip=”” pull=”” spin=”false”]     [icon type=”chain” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”check” size=”” rotate=”” flip=”” pull=”” spin=”false”]     [icon type=”cloud” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”cut” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”exclamation” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”crosshairs” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”comment” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”external-link” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”cogs” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”facebook” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”twitter” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”empire” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”euro” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”caret-right” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”cutlery” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”envelope” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”header” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”globe” size=”” rotate=”” flip=”” pull=”” spin=”false”]    [icon type=”glass” size=”” rotate=”” flip=”” pull=”” spin=”false”]

and many more [icon type=”angle-right” size=”” rotate=”” flip=”” pull=”” spin=”false”]

 

[separator top=”20″ bottom=”40″ length=”long” ornament=”yes” invisible=”yes”]

Social icons

[row extra_class=””][col columns=”4″ offset=”” breakpoint=”md”][social_icons color=”dark” style=”square”][/col][col columns=”5″ offset=”” breakpoint=”md”][social_icons color=”dark” style=”round”][/col][/row]

[separator top=”20″ bottom=”40″ length=”long” ornament=”yes” invisible=”yes”]

Buttons

[button text=”Link” href=”#” size=”small” color=”default” outlines=”false”][button text=”Link” href=”#” size=”small” color=”lightgray” outlines=”false”][button text=”Link” href=”#” size=”small” color=”red” outlines=”false”][button text=”Link” href=”#” size=”small” color=”blue” outlines=”false”][button text=”Link” href=”#” size=”small” color=”darkblue” outlines=”false”][button text=”Link” href=”#” size=”small” color=”green” outlines=”false”][button text=”Link” href=”#” size=”small” color=”orange” outlines=”false”]

[separator top=”0″ bottom=”0″ length=”long” ornament=”yes” invisible=”yes”]

[button text=”Link” href=”#” size=”medium” color=”default” outlines=”false”][button text=”Link” href=”#” size=”medium” color=”lightgray” outlines=”false”][button text=”Link” href=”#” size=”medium” color=”red” outlines=”false”][button text=”Link” href=”#” size=”medium” color=”blue” outlines=”false”][button text=”Link” href=”#” size=”medium” color=”darkblue” outlines=”false”][button text=”Link” href=”#” size=”medium” color=”green” outlines=”false”][button text=”Link” href=”#” size=”medium” color=”orange” outlines=”false”]

[separator top=”0″ bottom=”0″ length=”long” ornament=”yes” invisible=”yes”]

[button text=”Link” href=”#” size=”big” color=”default” outlines=”false”][button text=”Link” href=”#” size=”big” color=”lightgray” outlines=”false”][button text=”Link” href=”#” size=”big” color=”red” outlines=”false”][button text=”Link” href=”#” size=”big” color=”blue” outlines=”false”][button text=”Link” href=”#” size=”big” color=”darkblue” outlines=”false”][button text=”Link” href=”#” size=”big” color=”green” outlines=”false”][button text=”Link” href=”#” size=”big” color=”orange” outlines=”false”]

[separator top=”0″ bottom=”0″ length=”long” ornament=”yes” invisible=”yes”]

[button text=”Link” href=”#” size=”small” color=”default” outlines=”true”][button text=”Link” href=”#” size=”small” color=”lightgray” outlines=”true”][button text=”Link” href=”#” size=”small” color=”red” outlines=”true”][button text=”Link” href=”#” size=”small” color=”blue” outlines=”true”][button text=”Link” href=”#” size=”small” color=”darkblue” outlines=”true”][button text=”Link” href=”#” size=”small” color=”green” outlines=”true”][button text=”Link” href=”#” size=”small” color=”orange” outlines=”true”]

[separator top=”0″ bottom=”0″ length=”long” ornament=”yes” invisible=”yes”]

[button text=”Link” href=”#” size=”medium” color=”default” outlines=”true”][button text=”Link” href=”#” size=”medium” color=”lightgray” outlines=”true”][button text=”Link” href=”#” size=”medium” color=”red” outlines=”true”][button text=”Link” href=”#” size=”medium” color=”blue” outlines=”true”][button text=”Link” href=”#” size=”medium” color=”darkblue” outlines=”true”][button text=”Link” href=”#” size=”medium” color=”green” outlines=”true”][button text=”Link” href=”#” size=”medium” color=”orange” outlines=”true”]

[separator top=”0″ bottom=”0″ length=”long” ornament=”yes” invisible=”yes”]

[button text=”Link” href=”#” size=”big” color=”default” outlines=”true”][button text=”Link” href=”#” size=”big” color=”lightgray” outlines=”true”][button text=”Link” href=”#” size=”big” color=”red” outlines=”true”][button text=”Link” href=”#” size=”big” color=”blue” outlines=”true”][button text=”Link” href=”#” size=”big” color=”darkblue” outlines=”true”][button text=”Link” href=”#” size=”big” color=”green” outlines=”true”][button text=”Link” href=”#” size=”big” color=”orange” outlines=”true”]

[separator top=”20″ bottom=”40″ length=”long” ornament=”yes” invisible=”yes”]

Iconbox

[row extra_class=””]

[col columns=”6″ offset=”” breakpoint=”md”][iconbox icon=”star” title=”Loads of shortcodes” url=”#” link_target=”self” button_label=”Lead more” color=”light” style=”center”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra tristique lorem, quis pharetra urna ultrices eu. [/iconbox][/col]

[col columns=”6″ offset=”” breakpoint=”md”][iconbox icon=”plus” title=”Many other features” url=”#” link_target=”self” button_label=”Lead more” color=”light”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra tristique lorem, quis pharetra urna ultrices eu. [/iconbox][/col]

[/row]

[separator top=”20″ bottom=”40″ length=”long” ornament=”yes” invisible=”yes”]

Promobox

[promobox title=”This is the promobox” url=”#” link_target=”self” button_label=”Learn More” fill_color=”#32425A” border_color=”#32425A” display_as=”in_page” content_color=”light”]Phasellus ornare lobortis mi, eget convallis turpis volutpat vel. Nullam ac interdum urna. Quisque tristique pharetra neque, quis fringilla tellus interdum eu. Maecenas eget enim pharetra.[/promobox]

[separator top=”20″ bottom=”40″ length=”long” ornament=”yes” invisible=”yes”]

Tabs

[tabs xclass=”” style=”tabs”]

[tab title=”Creative” fade=”true” active xclass=””][row extra_class=””][col columns=”2″ offset=”” breakpoint=”md”]old-city-center[/col][col columns=”10″ offset=”” breakpoint=”md”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae venenatis lorem. Quisque sit amet elit interdum leo posuere venenatis sed in libero. Praesent in urna quis urna ultrices tristique nec nec urna. Donec ut varius est. Sed vestibulum ipsum quis ullamcorper dapibus. Sed in mi justo.

[button text=”Learn More” href=”#” size=”medium” color=”default” outlines=”false”][/col][/row][/tab]

[tab title=”Flexible” fade=”true” xclass=””]Nunc velit quam, molestie at mattis vitae, tincidunt sed ligula. Nunc ornare ultricies iaculis. Cras ligula nibh, laoreet id urna eget, tristique porttitor mauris. Pellentesque aliquet, eros eget cursus porta, augue dui lobortis nibh, nec viverra augue dui vel augue. Fusce rutrum metus quis ipsum dictum, eget fermentum diam tempus. Curabitur convallis elit vel commodo fringilla.

[button text=”Learn More” href=”#” size=”medium” color=”default” outlines=”false”]

[/tab]

[tab title=”Professional” fade=”true” xclass=””]Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla sed tempus turpis. Nulla sed mi placerat, rutrum augue ac, pellentesque dolor. Duis ac bibendum orci. Ut tempor ac enim vel ultrices. Pellentesque lectus enim, suscipit id quam vitae, malesuada pharetra risus.

[button text=”Learn More” href=”#” size=”medium” color=”default” outlines=”false”]

[/tab]

[/tabs]

[separator top=”20″ bottom=”40″ length=”long” ornament=”yes” invisible=”yes”]

Accordion

[collapsibles xclass=””][collapse title=”Feature 1″ type=”default” xclass=””]Here goes the content for your collapsible[/collapse][collapse title=”Feature 2″ type=”default” xclass=””]Here goes the content for your collapsible[/collapse][collapse title=”Feature 3″ type=”default” xclass=””]Here goes the content for your collapsible[/collapse][/collapsibles]

[separator top=”20″ bottom=”40″ length=”long” ornament=”yes” invisible=”yes”]

Circle counters

[row extra_class=””]

[col columns=”3″ offset=”” breakpoint=”md”][progress title=”Graphic design” min=”0″ max=”100″ value=”95″ thickness=”.1″ fg_color=”#32425A” bg_color=”#F6ECDA” width=”100%”][/col]

[col columns=”3″ offset=”” breakpoint=”md”][progress title=”User Interface” min=”0″ max=”100″ value=”87″ thickness=”.1″ fg_color=”#32425A” bg_color=”#F6ECDA” width=”100%”][/col]

[col columns=”3″ offset=”” breakpoint=”md”][progress title=”Coding” min=”0″ max=”100″ value=”100″ thickness=”.1″ fg_color=”#32425A” bg_color=”#F6ECDA” width=”100%”][/col]

[col columns=”3″ offset=”” breakpoint=”md”][progress title=”Having fun” min=”0″ max=”100″ value=”100″ thickness=”.1″ fg_color=”#32425A” bg_color=”#F6ECDA” width=”100%”][/col]

[/row]

[separator top=”20″ bottom=”40″ length=”long” ornament=”yes” invisible=”yes”]

Sepparators

[separator top=”10″ bottom=”10″ length=”short” ornament=”no” invisible=”no”]

[separator top=”10″ bottom=”10″ length=”short” ornament=”yes” invisible=”no”]

[separator top=”10″ bottom=”10″ length=”long” ornament=”no” invisible=”no”]

[separator top=”10″ bottom=”10″ length=”long” ornament=”yes” invisible=”no”]

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top