deNovo Button Shortcodes

deNovo offers you handy shortcodes to create custom buttons in your posts and pages.

The theme lets you easily integrate buttons in your post and page content. Handy shortcodes make it incredibly simple to include professional-looking buttons. The shortcode is [ btn ]. Customize your button with the following parameters.

General Button

Set your button text with text="Your custom text". To actually create the link of the button use url="http://themeshift.com".

Your custom text

[ btn text="Your custom text" color="blue" size="big" url="http://themeshift.com" ]

* Please remove the spaces after [ and before ]

Smaller Buttons

If you just remove the size="big", a smaller button will be created.

This is a smaller button

[ btn text="This is a smaller button" color="red" url="#" ]

Link to Posts or Pages

You can also set the link of the button by providing the ID of a post or a page. Use id="2" to create a link to the item with the ID 2.

This button links to a post

[ btn text="This button links to a post" size="big" color="red" id="1" ]

This button links to a page

[ btn text="This button links to a page" size="big" color="green" id="2" ]

Button Link Target

Set your button link target with target="_blank" and your link will open in a new window or tab.

Open in new Window

[ btn text="Open in new Window" color="grey" url="http://themeshift.com" target="_blank" ]

Button in a Text

To place a button inside a text put p="false" and the button will not be wrapped by a p-tag.

Quisque arcu sapien, iaculis id posuere in, ullamcorper nec tortor? Proin varius eros porta ante sollicitudin laoreet. Maecenas quis mi in dolor tincidunt imperdiet. Duis. Inside Text Quisque arcu sapien, iaculis id posuere in, ullamcorper nec tortor? Proin varius eros porta ante sollicitudin laoreet. Maecenas quis mi in dolor tincidunt imperdiet. Duis.

[ btn text="Inside Text" color="grey" id="2" p="false" ]

Different Colors

Use color="**color**" to choose a color for the button. Choose between green, blue, red and grey buttons.

Green Blue Red Grey

[ btn text="**text**" color="**color**" size="big" url="#" ]

Buttons in a Row

In order to place two or more buttons in a row use p="false" to avoid the buttons being wrapped by a p-tag.

This is the left Button This is the right Button

<p>
    [ btn text="This is the left Button" color="blue" size="big" url="#" p="false" ]
    [ btn text="This is the right Button" color="red" size="big" url="#" p="false" ]
</p>