{"id":368,"date":"2011-02-04T15:46:11","date_gmt":"2011-02-04T15:46:11","guid":{"rendered":"http:\/\/www.bobbingwidewebdesign.com\/"},"modified":"2011-09-04T15:04:00","modified_gmt":"2011-09-04T15:04:00","slug":"oik-button-shortcodes-bw_button","status":"publish","type":"page","link":"https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/","title":{"rendered":"oik [ bw_button] shortcodes"},"content":{"rendered":"The oik<\/abbr><\/span>-button-shortcodes plugin provides a shortcode for creating call to action<\/strong> button style links.\n\nget a nice call to action button in the middle of your post using the [ bw_button ] shortcode\nFor example, you may want a Contact me button like this\n\nContact me<\/a>\n\nUsing the oik<\/abbr><\/span>-button-shortcode plugin you can achieve it with one line of code (like this but without the space after the [ )\n\n[ bw_button link=”\/contact” text=”Contact me” title=”Send me a message” ]\n\nThis is a lot easier than coding the techno-babble.\n\n<span class=”art-button-wrapper”><span class=”art-button-l”><\/span><span class=”art-button-r”><\/span><a class=”button art-button” href=”\/contact” title=”Send me a message”>Contact me<\/a><\/span><\/p>\n\nWhich produces the same thing\n\nContact me<\/a>\n\nbut is very difficult to understand when viewed in the editor in either mode – Visual or HTML\n\nAs of oik<\/abbr><\/span> v0.3 the oik<\/abbr><\/span> button shortcode can now be created in the Visual editor using the oik<\/abbr><\/span> button shortcode icon.","protected":false},"excerpt":{"rendered":"

The oik<\/abbr><\/span>-button-shortcodes plugin provides a shortcode for creating call to action<\/strong> button style links.<\/p>\n

get a nice call to action button in the middle of your post using the [ bw_button ] shortcode
\nFor example, you may want a Contact me button like this<\/p>\n

Contact me<\/a><\/p>\n

Using the oik<\/abbr><\/span>-button-shortcode plugin you can achieve it with one line of code (like this but without the space after the [ )<\/p>\n

[ bw_button link=”\/contact” text=”Contact me” title=”Send me a message” ]<\/p>\n

This is a lot easier than coding the techno-babble.<\/p>\n

<span class=”art-button-wrapper”><span class=”art-button-l”><\/span><span class=”art-button-r”><\/span><a class=”button art-button” href=”\/contact” title=”Send me a message”>Contact me<\/a><\/span><\/p><\/p>\n

Which produces the same thing<\/p>\n

Contact me<\/a><\/p>\n

but is very difficult to understand when viewed in the editor in either mode – Visual or HTML<\/p>\n

As of oik<\/abbr><\/span> v0.3 the oik<\/abbr><\/span> button shortcode can now be created in the Visual editor using the oik<\/abbr><\/span> button shortcode icon.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":33,"menu_order":33,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"letters":[513],"class_list":{"0":"post-368","1":"page","2":"type-page","3":"status-publish","5":"letters-o","6":"entry"},"acf":[],"yoast_head":"\noik [ bw_button] shortcodes - [oik] plugins.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"oik [ bw_button] shortcodes - [oik] plugins.com\" \/>\n<meta property=\"og:description\" content=\"The oik-button-shortcodes plugin provides a shortcode for creating call to action button style links. get a nice call to action button in the middle of your post using the [ bw_button ] shortcode For example, you may want a Contact me button like this Contact me Using the oik-button-shortcode plugin you can achieve it with one line of code (like this but without the space after the [ ) [ bw_button link="\/contact" text="Contact me" title="Send me a message" ] This is a lot easier than coding the techno-babble. <span class="art-button-wrapper"><span class="art-button-l"><\/span><span class="art-button-r"><\/span><a class="button art-button" href="\/contact" title="Send me a message">Contact me<\/a><\/span><\/p> Which produces the same thing Contact me but is very difficult to understand when viewed in the editor in either mode - Visual or HTML As of oik v0.3 the oik button shortcode can now be created in the Visual editor using the oik button shortcode icon.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/\" \/>\n<meta property=\"og:site_name\" content=\"[oik] plugins.com\" \/>\n<meta property=\"article:modified_time\" content=\"2011-09-04T15:04:00+00:00\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/\",\"url\":\"https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/\",\"name\":\"oik [ bw_button] shortcodes - [oik] plugins.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.oik-plugins.com\/#website\"},\"datePublished\":\"2011-02-04T15:46:11+00:00\",\"dateModified\":\"2011-09-04T15:04:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Shortcodes\",\"item\":\"https:\/\/www.oik-plugins.com\/shortcodes\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"oik [ bw_button] shortcodes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.oik-plugins.com\/#website\",\"url\":\"https:\/\/www.oik-plugins.com\/\",\"name\":\"[oik] plugins.com\",\"description\":\"WordPress plugins and themes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.oik-plugins.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"oik [ bw_button] shortcodes - [oik] plugins.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/","og_locale":"en_US","og_type":"article","og_title":"oik [ bw_button] shortcodes - [oik] plugins.com","og_description":"The oik-button-shortcodes plugin provides a shortcode for creating call to action button style links. get a nice call to action button in the middle of your post using the [ bw_button ] shortcode For example, you may want a Contact me button like this Contact me Using the oik-button-shortcode plugin you can achieve it with one line of code (like this but without the space after the [ ) [ bw_button link=\"\/contact\" text=\"Contact me\" title=\"Send me a message\" ] This is a lot easier than coding the techno-babble. <span class=\"art-button-wrapper\"><span class=\"art-button-l\"><\/span><span class=\"art-button-r\"><\/span><a class=\"button art-button\" href=\"\/contact\" title=\"Send me a message\">Contact me<\/a><\/span><\/p> Which produces the same thing Contact me but is very difficult to understand when viewed in the editor in either mode - Visual or HTML As of oik v0.3 the oik button shortcode can now be created in the Visual editor using the oik button shortcode icon.","og_url":"https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/","og_site_name":"[oik] plugins.com","article_modified_time":"2011-09-04T15:04:00+00:00","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/","url":"https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/","name":"oik [ bw_button] shortcodes - [oik] plugins.com","isPartOf":{"@id":"https:\/\/www.oik-plugins.com\/#website"},"datePublished":"2011-02-04T15:46:11+00:00","dateModified":"2011-09-04T15:04:00+00:00","breadcrumb":{"@id":"https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.oik-plugins.com\/shortcodes\/oik-button-shortcodes-bw_button\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Shortcodes","item":"https:\/\/www.oik-plugins.com\/shortcodes\/"},{"@type":"ListItem","position":2,"name":"oik [ bw_button] shortcodes"}]},{"@type":"WebSite","@id":"https:\/\/www.oik-plugins.com\/#website","url":"https:\/\/www.oik-plugins.com\/","name":"[oik] plugins.com","description":"WordPress plugins and themes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.oik-plugins.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/pages\/368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/comments?post=368"}],"version-history":[{"count":1,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/pages\/368\/revisions"}],"predecessor-version":[{"id":977,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/pages\/368\/revisions\/977"}],"up":[{"embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/pages\/33"}],"wp:attachment":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/media?parent=368"}],"wp:term":[{"taxonomy":"letters","embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/letters?post=368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}