{"id":96,"date":"2013-04-13T07:54:57","date_gmt":"2013-04-13T07:54:57","guid":{"rendered":"http:\/\/bonsaished.com\/estatement\/?page_id=96"},"modified":"2013-04-13T07:54:57","modified_gmt":"2013-04-13T07:54:57","slug":"buttons","status":"publish","type":"page","link":"http:\/\/qualitaslettings.co.uk\/?page_id=96","title":{"rendered":"Buttons"},"content":{"rendered":"

Creating nicely formatted buttons is extremely easy with the button shortcode. Just wrap it around any text to make it look like a button. You can specify a URL to actually make it work as a button and you can adjust various style settings. If you don’t know what shortcodes are we recommend you read our article on How to Use Shortcodes<\/a>. The parameters of this shortcode are:<\/p>\n

url<\/strong><\/p>\n

The URL the user is taken to when the button is clicked<\/p>\n

background<\/strong><\/p>\n

The background color of the button. See the section above on using colors for what values you can add here.<\/p>\n

color<\/strong><\/p>\n

The text color of the button.\u00a0See the section above on using colors for what values you can add here.<\/p>\n

gradient<\/strong><\/p>\n

If set to ‘yes’ a subtle gradient will be generated based on the background color. The default value is ‘no’.<\/p>\n

radius<\/strong><\/p>\n

If you would like a rounded button you can set the radius here. By default it is set to ‘0px’. If you would like a subtle rounded corner use a small value like ‘3px’. if you want heavily rounded corners use something like ‘3px’. Don’t \u00a0forget to add the ‘px’ part!<\/p>\n

arrow<\/strong><\/p>\n

If set to ‘yes’, an arrow will be generated on the right of the button. The color of this arrow will be the same as the given text color. By default it is set to ‘no’<\/p>\n

Examples<\/h2>\n
[button url='http:\/\/redfactory.nl']Red Factory[\/button]<\/pre>\n
[button url=’http:\/\/redfactory.nl’]Red Factory[\/button]<\/p>\n
[button background='#343434' gradient='yes' radius='5px' color='#fafafa' url='http:\/\/bonsaished.com']Bonsai Shed[\/button]<\/pre>\n
[button background=’#343434′ gradient=’yes’ radius=’5px’ color=’#fafafa’ url=’http:\/\/bonsaished.com’]Bonsai Shed[\/button]<\/p>\n","protected":false},"excerpt":{"rendered":"
Creating nicely formatted buttons is extremely easy with the button shortcode. Just wrap it around any text to make it look like a button. You can specify a URL to actually make it work as a button and you can adjust various style settings. If you don’t know what shortcodes are we recommend you read […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":87,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-96","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=96"}],"version-history":[{"count":0,"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/96\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/87"}],"wp:attachment":[{"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}