{"id":2956,"date":"2020-05-05T13:21:33","date_gmt":"2020-05-05T17:21:33","guid":{"rendered":"https:\/\/wpdocs.bu.edu\/bu-blocks\/?page_id=2956"},"modified":"2020-05-05T16:38:50","modified_gmt":"2020-05-05T20:38:50","slug":"button-block","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/bu-blocks\/blocks\/button-block\/","title":{"rendered":"Button Block"},"content":{"rendered":"\n<p>Prompt visitors to take action with a custom button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"\/bu-blocks\/files\/2020\/05\/button-example.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" width=\"1024\" height=\"149\" src=\"\/bu-blocks\/files\/2020\/05\/button-example-1024x149.png\" alt=\"\" class=\"wp-image-2960\" srcset=\"https:\/\/wpdocs.bu.edu\/bu-blocks\/files\/2020\/05\/button-example-1024x149.png 1024w, https:\/\/wpdocs.bu.edu\/bu-blocks\/files\/2020\/05\/button-example-636x93.png 636w, https:\/\/wpdocs.bu.edu\/bu-blocks\/files\/2020\/05\/button-example-768x112.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Buttons block<\/figcaption><\/figure>\n\n\n\n<h4>When would I use this block?<\/h4>\n\n\n\n<p>Use this block when want to include a call to action in your article to another.<\/p>\n\n\n\n<h4>Examples<\/h4>\n\n\n\n<ul><li><a href=\"http:\/\/www.bu.edu\/articles\/2020\/bu-zoom-virtual-backgrounds\/\">http:\/\/www.bu.edu\/articles\/2020\/bu-zoom-virtual-backgrounds\/<\/a><\/li><li><a href=\"http:\/\/www.bu.edu\/articles\/2019\/bob-fishman\/\">http:\/\/www.bu.edu\/articles\/2019\/bob-fishman\/<\/a><\/li><\/ul>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2>Using the Button block<br><\/h2>\n\n\n\n<h4>Watch this quick video tutorial:<\/h4>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"\/bu-blocks\/files\/2020\/05\/button.mov\"><\/video><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4>Or follow these instructions:<br><\/h4>\n\n\n\n<p>Add the Button block to your article.<\/p>\n\n\n\n<p>Add Text to the button that will be the serve as a call to action like &#8220;Learn More&#8221; or &#8220;Sign Up&#8221;.<\/p>\n\n\n\n<p>Add the URL that you want to direct users to when they select the button.<\/p>\n\n\n\n<p>Select the style of button you&#8217;d like to use:<\/p>\n\n\n\n<ul><li>Default<\/li><li>Outline<\/li><li>Text<\/li><li>Accent<\/li><\/ul>\n\n\n\n<p>Under Color Settings, choose your theme color.<\/p>\n\n\n\n<p>Choose to add an arrow icon before or after the call to action text in the button under Icon Settings.<\/p>\n\n\n\n<p>You can also choose to align your button to the left, right or center of the article content.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prompt visitors to take action with a custom button. When would I use this block? Use this block when want to include a call to action in your article to another. Examples http:\/\/www.bu.edu\/articles\/2020\/bu-zoom-virtual-backgrounds\/http:\/\/www.bu.edu\/articles\/2019\/bob-fishman\/ Using the Button block Watch this quick video tutorial: Or follow these instructions: Add the Button block to your article. Add Text [&hellip;]<\/p>\n","protected":false},"author":13922,"featured_media":0,"parent":26,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/bu-blocks\/wp-json\/wp\/v2\/pages\/2956"}],"collection":[{"href":"https:\/\/wpdocs.bu.edu\/bu-blocks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdocs.bu.edu\/bu-blocks\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-blocks\/wp-json\/wp\/v2\/users\/13922"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-blocks\/wp-json\/wp\/v2\/comments?post=2956"}],"version-history":[{"count":22,"href":"https:\/\/wpdocs.bu.edu\/bu-blocks\/wp-json\/wp\/v2\/pages\/2956\/revisions"}],"predecessor-version":[{"id":2984,"href":"https:\/\/wpdocs.bu.edu\/bu-blocks\/wp-json\/wp\/v2\/pages\/2956\/revisions\/2984"}],"up":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-blocks\/wp-json\/wp\/v2\/pages\/26"}],"wp:attachment":[{"href":"https:\/\/wpdocs.bu.edu\/bu-blocks\/wp-json\/wp\/v2\/media?parent=2956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}