Shortcodes

The shortcodes on this page are produced using free Cr3ativ Shortcodes Plugin. Using a plugin means that if you ever change themes, your shortcodes will still work. You can download the plugin here.

Social Icons

[creativ_social][creativ_social_link service=”500px” link=”#”] [creativ_social_link service=”aboutme” link=”#”] [creativ_social_link service=”amazon” link=””] [creativ_social_link service=”app-store” link=””] [creativ_social_link service=”bebo” link=””] [creativ_social_link service=”behance” link=””] [creativ_social_link service=”blogger” link=””] [creativ_social_link service=”coroflot” link=””] [creativ_social_link service=”delicious” link=””] [creativ_social_link service=”deviant-art” link=””] [creativ_social_link service=”digg” link=””] [creativ_social_link service=”dribbble” link=””] [creativ_social_link service=”twitter” link=””] [creativ_social_link service=”vimeo” link=””] [creativ_social_link service=”facebook” link=””] [creativ_social_link service=”youtube” link=””] [/creativ_social]

Icon Font Social Icons is the Zocial icon font through Fontello.

[creativ_social][creativ_social_link service=”ja-social-icon-twitter” link=””] [creativ_social_link service=”ja-social-icon-facebook” link=””] [creativ_social_link service=”ja-social-icon-linkedin” link=””] [creativ_social_link service=”ja-social-icon-pinterest” link=””] [creativ_social_link service=”ja-social-icon-gplus” link=””] [creativ_social_link service=”ja-social-icon-rss” link=””] [creativ_social_link service=”ja-social-icon-youtube” link=””] [creativ_social_link service=”ja-social-icon-vimeo” link=””] [creativ_social_link service=”ja-social-icon-soundcloud” link=””] [/creativ_social]

Large Buttons

All buttons have the option of either rounded or straight corners, a selection of usable colors, theme specific styling, plus pick your own color using the provided color picker in the shortcode generator!

[creativ_button url=”#” icon=”” label=”Red Button” colour=”red” colour_custom=”” size=”large” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Blue Button” colour=”blue” colour_custom=”” size=”large” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Green Button” colour=”green” colour_custom=”” size=”large” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Light Gray Button” colour=”light-gray” colour_custom=”” size=”large” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Dark Gray Button” colour=”dark-gray” colour_custom=”” size=”large” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Orange Button” colour=”orange” colour_custom=”” size=”large” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Purple Button” colour=”purple” colour_custom=”” size=”large” edge=”rounded” target=”_self”]

[creativ_button url=”#” icon=”” label=”Red Button” colour=”red” colour_custom=”” size=”large” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Blue Button” colour=”blue” colour_custom=”” size=”large” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Green Button” colour=”green” colour_custom=”” size=”large” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Light Gray Button” colour=”light-gray” colour_custom=”” size=”large” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Dark Gray Button” colour=”dark-gray” colour_custom=”” size=”large” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Orange Button” colour=”orange” colour_custom=”” size=”large” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Purple Button” colour=”purple” colour_custom=”” size=”large” edge=”straight” target=”_self”]

Medium Buttons

[creativ_button url=”#” icon=”” label=”Red Button” colour=”red” colour_custom=”” size=”medium” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Blue Button” colour=”blue” colour_custom=”” size=”medium” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Green Button” colour=”green” colour_custom=”” size=”medium” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Light Gray Button” colour=”light-gray” colour_custom=”” size=”medium” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Dark Gray Button” colour=”dark-gray” colour_custom=”” size=”medium” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Orange Button” colour=”orange” colour_custom=”” size=”medium” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Purple Button” colour=”purple” colour_custom=”” size=”medium” edge=”rounded” target=”_self”]

[creativ_button url=”#” icon=”” label=”Red Button” colour=”red” colour_custom=”” size=”medium” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Blue Button” colour=”blue” colour_custom=”” size=”medium” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Green Button” colour=”green” colour_custom=”” size=”medium” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Light Gray Button” colour=”light-gray” colour_custom=”” size=”medium” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Dark Gray Button” colour=”dark-gray” colour_custom=”” size=”medium” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Orange Button” colour=”orange” colour_custom=”” size=”medium” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Purple Button” colour=”purple” colour_custom=”” size=”medium” edge=”straight” target=”_self”]

Small Buttons

[creativ_button url=”#” icon=”” label=”Red Button” colour=”red” colour_custom=”” size=”small” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Blue Button” colour=”blue” colour_custom=”” size=”small” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Green Button” colour=”green” colour_custom=”” size=”small” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Light Gray Button” colour=”light-gray” colour_custom=”” size=”small” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Dark Gray Button” colour=”dark-gray” colour_custom=”” size=”small” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Orange Button” colour=”orange” colour_custom=”” size=”small” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”” label=”Purple Button” colour=”purple” colour_custom=”” size=”small” edge=”rounded” target=”_self”]

[creativ_button url=”#” icon=”” label=”Red Button” colour=”red” colour_custom=”” size=”small” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Blue Button” colour=”blue” colour_custom=”” size=”small” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Green Button” colour=”green” colour_custom=”” size=”small” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Light Gray Button” colour=”light-gray” colour_custom=”” size=”small” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Dark Gray Button” colour=”dark-gray” colour_custom=”” size=”small” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Orange Button” colour=”orange” colour_custom=”” size=”small” edge=”straight” target=”_self”] [creativ_button url=”#” icon=”” label=”Purple Button” colour=”purple” colour_custom=”” size=”small” edge=”straight” target=”_self”]

Icon Buttons

Hundreds of icons to choose from, plus all the available colors and pick your own color using the color picker in the shortcode generator!

[creativ_button url=”#” icon=”map-marker” label=”See the map” colour=”red” colour_custom=”” size=”medium” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”twitter” label=”Join Us on Twitter” colour=”blue” colour_custom=”” size=”large” edge=”rounded” target=”_self”] [creativ_button url=”#” icon=”facebook” label=”Like Us on facebook” colour=”orange” colour_custom=”” size=”small” edge=”rounded” target=”_self”]

Toggles

You can select to display an icon (from hundreds available) to appear before the title directly from within the shortcode generator.

[creativ_toggle icon=”heart” heading=”Here is a toggle with an icon and open on load” onload=”open”]Nulla dui purus, eleifend vel, consequat non, dictum porta, nulla. Duis ante mi, laoreet ut, commodo eleifend, cursus nec, lorem. Aenean eu est. Etiam imperdiet turpis. Praesent nec augue. Curabitur ligula quam, rutrum id, tempor sed, consequat ac, dui. [/creativ_toggle]

[creativ_toggle icon=”heart” heading=”Here is a toggle with an icon and open on load” onload=”closed”]Nulla dui purus, eleifend vel, consequat non, dictum porta, nulla. Duis ante mi, laoreet ut, commodo eleifend, cursus nec, lorem. Aenean eu est. Etiam imperdiet turpis. Praesent nec augue. Curabitur ligula quam, rutrum id, tempor sed, consequat ac, dui. [/creativ_toggle]

 

You can find more examples here: http://mythemepreviews.com/gutenberg/shortcodes/