{"id":270,"date":"2018-06-14T15:29:18","date_gmt":"2018-06-14T19:29:18","guid":{"rendered":"https:\/\/wpdocs.bu.edu\/cds\/?page_id=270"},"modified":"2023-06-26T10:49:03","modified_gmt":"2023-06-26T14:49:03","slug":"banners","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/cds\/template-and-content-examples\/banners\/","title":{"rendered":"Banners"},"content":{"rendered":"<p>Banners allow you to add visual interest to a page and deliver key messaging to users. With the BU Banners plug-in, a banner can be added to any page or post, and has seven layout options.<\/p>\n<h2 id=\"#banner-buttons\">Buttons<\/h2>\n<figure id=\"attachment_1474\" aria-describedby=\"caption-attachment-1474\" style=\"width: 947px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" src=\"\/cds\/files\/2023\/02\/Screen-Shot-2023-02-07-at-12.20.23-PM-937x1024.png\" alt=\"\" width=\"937\" height=\"1024\" class=\"wp-image-1474 size-large\" srcset=\"https:\/\/wpdocs.bu.edu\/cds\/files\/2023\/02\/Screen-Shot-2023-02-07-at-12.20.23-PM-937x1024.png 937w, https:\/\/wpdocs.bu.edu\/cds\/files\/2023\/02\/Screen-Shot-2023-02-07-at-12.20.23-PM-275x300.png 275w, https:\/\/wpdocs.bu.edu\/cds\/files\/2023\/02\/Screen-Shot-2023-02-07-at-12.20.23-PM-768x839.png 768w, https:\/\/wpdocs.bu.edu\/cds\/files\/2023\/02\/Screen-Shot-2023-02-07-at-12.20.23-PM.png 962w\" sizes=\"(max-width: 937px) 100vw, 937px\" \/><figcaption id=\"caption-attachment-1474\" class=\"wp-caption-text\">An example demonstrating the addition of an extra button and how it relates to the admin interface.<\/figcaption><\/figure>\n<p>All image-based banner layout options, as well as the auto-looping video banner, now allow for including a <strong>Secondary Call To Action<\/strong> button.<\/p>\n<p>This extra button link can either complement or take the place of your initial <strong>Content to Link To<\/strong>. It provides additional options for directing visitors toward relevant content.<\/p>\n<p>For instance, if there were a Programs page focusing on admissions, the Banner could now have Call to Action&#8217;s that could direct visitors to a page for Undergraduate Admissions or Graduate Admissions.<\/p>\n<h2>Layout Options<\/h2>\n<p>Below are the\u00a0seven layout options for the banner. Please visit each page for an example of the layout and details about\u00a0updating\u00a0text and images.<\/p>\n<p><span>\t<div class=\"bu-list-child-pages\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<h3><a href=\"https:\/\/wpdocs.bu.edu\/cds\/template-and-content-examples\/banners\/full-width-centered-banner\/\" rel=\"bookmark\">Full width, centered<\/a><\/h3>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<h3><a href=\"https:\/\/wpdocs.bu.edu\/cds\/template-and-content-examples\/banners\/full-width-left-aligned-banner\/\" rel=\"bookmark\">Full width, left aligned<\/a><\/h3>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<h3><a href=\"https:\/\/wpdocs.bu.edu\/cds\/template-and-content-examples\/banners\/full-width-right-aligned-banner\/\" rel=\"bookmark\">Full width, right aligned<\/a><\/h3>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<h3><a href=\"https:\/\/wpdocs.bu.edu\/cds\/template-and-content-examples\/banners\/image-only-banner\/\" rel=\"bookmark\">Image only<\/a><\/h3>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<h3><a href=\"https:\/\/wpdocs.bu.edu\/cds\/template-and-content-examples\/banners\/half-width-left-aligned-banner\/\" rel=\"bookmark\">Half width, left aligned<\/a><\/h3>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<h3><a href=\"https:\/\/wpdocs.bu.edu\/cds\/template-and-content-examples\/banners\/half-width-right-aligned-banner\/\" rel=\"bookmark\">Half width, right aligned<\/a><\/h3>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<h3><a href=\"https:\/\/wpdocs.bu.edu\/cds\/template-and-content-examples\/banners\/no-image-center-aligned-banner\/\" rel=\"bookmark\">No image, center aligned<\/a><\/h3>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Banners allow you to add visual interest to a page and deliver key messaging to users. With the BU Banners plug-in, a banner can be added to any page or post, and has seven layout options. Buttons All image-based banner layout options, as well as the auto-looping video banner, now allow for including a Secondary [&hellip;]<\/p>\n","protected":false},"author":13922,"featured_media":0,"parent":178,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages\/270"}],"collection":[{"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/users\/13922"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/comments?post=270"}],"version-history":[{"count":20,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages\/270\/revisions"}],"predecessor-version":[{"id":1548,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages\/270\/revisions\/1548"}],"up":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages\/178"}],"wp:attachment":[{"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/media?parent=270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}