{"id":457,"date":"2023-03-10T16:20:59","date_gmt":"2023-03-10T21:20:59","guid":{"rendered":"http:\/\/wpdocs.bu.edu\/bu-stories\/?page_id=457"},"modified":"2023-03-16T11:42:58","modified_gmt":"2023-03-16T15:42:58","slug":"sticker-block","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/bu-stories\/blocks\/sticker-block\/","title":{"rendered":"Sticker Block"},"content":{"rendered":"\n<p>The Sticker block should be used for adding visual interest to stories, either through a curated selection of stickers or utilizing Giphy. You can find more detail about customization options below.<\/p>\n\n\n<div style=\"max-width:608px\"><div style=\"position:relative;padding-bottom:66.118421052632%\"><iframe loading=\"lazy\" id=\"kaltura_player\" src=\"https:\/\/cdnapisec.kaltura.com\/p\/2159741\/sp\/215974100\/embedIframeJs\/uiconf_id\/49950923\/partner_id\/2159741?iframeembed=true&#038;playerId=kaltura_player&#038;entry_id=1_jmdvoz2b&#038;flashvars[streamerType]=auto&amp;flashvars[localizationCode]=en&amp;flashvars[Kaltura.addCrossoriginToIframe]=true&amp;&#038;wid=1_udnukmk3\" width=\"608\" height=\"402\" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow=\"autoplay *; fullscreen *; encrypted-media *\" sandbox=\"allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation\" frameborder=\"0\" title=\"BU Stories - Adding a Sticker Block\" style=\"position:absolute;top:0;left:0;width:100%;height:100%\"><\/iframe><\/div><\/div>\n\n\n\n<p><em>A video demonstrating how to add a sticker block to your story. With the sticker block, you have the ability to freely move the sticker and place it anywhere on the page. You can choose from BU Story&#8217;s curated sticker library, or enter a URL (e.g., from Giphy).<\/em><\/p>\n\n\n\n<h2>Block Settings<\/h2>\n\n\n\n<p>The Block Settings are visible in the right hand side of the editor and will show up when you click on the Sticker block. If the block settings aren\u2019t visible, click the gear icon in the top right corner, or use the keyboard shortcut SHIFT + CMD + ,<\/p>\n\n\n\n<p>There are a variety of collapsible panels in the settings bar that will allow you to further customize the Sticker block. Expand the section(s) below to learn more about the options each panel provides.<\/p>\n\n\n\n\t<div\n\t\tclass=\"wp-block-bu-collapsible js-wp-block-bu-collapsible is-open icon-style-plus-minus is-style-plain\"\n\t\tstyle=\"\"\n\t\tid=\"bu-collapsible-570fca8b\"\n\t\tdata-default-open=\"false\"\n\t>\n\t\t<h3 class=\"bu-collapsible-heading\">\n\t\t\t\t\t\t\t<button class=\"bu-block-collapsible-toggle js-bu-block-collapsible-toggle\" id=\"bu-collapsible-570fca8b-toggle\">\n\t\t\t\t\tALT Text\t\t\t\t<\/button>\n\t\t\t\t\t<\/h3>\n\t\t\t\t<div class=\"bu-block-collapsible-content js-bu-block-collapsible-content\" id=\"bu-collapsible-570fca8b-panel\">\n\t\t\t\n\n<p><em>Enter text that describes the image or text in the image. Leave empty if the sticker is purely decorative. Do not add &#8220;image of:&#8221; or similar label.\u00a0<\/em><a rel=\"noreferrer noopener\" href=\"https:\/\/www.w3.org\/WAI\/tutorials\/images\/\" target=\"_blank\">Learn more about writing Alt Text<\/a><\/p>\n\n\n<div style=\"max-width:608px\"><div style=\"position:relative;padding-bottom:66.118421052632%\"><iframe loading=\"lazy\" id=\"kaltura_player\" src=\"https:\/\/cdnapisec.kaltura.com\/p\/2159741\/sp\/215974100\/embedIframeJs\/uiconf_id\/49950923\/partner_id\/2159741?iframeembed=true&#038;playerId=kaltura_player&#038;entry_id=1_06vso9n1&#038;flashvars[streamerType]=auto&amp;flashvars[localizationCode]=en&amp;flashvars[Kaltura.addCrossoriginToIframe]=true&amp;&#038;wid=1_uk1ossfd\" width=\"608\" height=\"402\" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow=\"autoplay *; fullscreen *; encrypted-media *\" sandbox=\"allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation\" frameborder=\"0\" title=\"BU Stories: Adding Alt Text to Sticker Block\" style=\"position:absolute;top:0;left:0;width:100%;height:100%\"><\/iframe><\/div><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t\n\n\n\t<div\n\t\tclass=\"wp-block-bu-collapsible js-wp-block-bu-collapsible is-open icon-style-plus-minus is-style-plain\"\n\t\tstyle=\"\"\n\t\tid=\"bu-collapsible-59f88c61\"\n\t\tdata-default-open=\"false\"\n\t>\n\t\t<h3 class=\"bu-collapsible-heading\">\n\t\t\t\t\t\t\t<button class=\"bu-block-collapsible-toggle js-bu-block-collapsible-toggle\" id=\"bu-collapsible-59f88c61-toggle\">\n\t\t\t\t\tAdjustments\t\t\t\t<\/button>\n\t\t\t\t\t<\/h3>\n\t\t\t\t<div class=\"bu-block-collapsible-content js-bu-block-collapsible-content\" id=\"bu-collapsible-59f88c61-panel\">\n\t\t\t\n\n<h4>Rotation<\/h4>\n\n\n\n<p>Rotate the sticker until achieving your desired result. The sticker block supports a full 360\u00b0 rotation and can be easily restored to the default rotation at any time by clicking the reset button.<\/p>\n\n\n<div style=\"max-width:608px\"><div style=\"position:relative;padding-bottom:66.118421052632%\"><iframe loading=\"lazy\" id=\"kaltura_player\" src=\"https:\/\/cdnapisec.kaltura.com\/p\/2159741\/sp\/215974100\/embedIframeJs\/uiconf_id\/49950923\/partner_id\/2159741?iframeembed=true&#038;playerId=kaltura_player&#038;entry_id=1_29aommq8&#038;flashvars[streamerType]=auto&amp;flashvars[localizationCode]=en&amp;flashvars[Kaltura.addCrossoriginToIframe]=true&amp;&#038;wid=1_44bbs0c8\" width=\"608\" height=\"402\" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow=\"autoplay *; fullscreen *; encrypted-media *\" sandbox=\"allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation\" frameborder=\"0\" title=\"BU Stories: Rotating a Sticker Block\" style=\"position:absolute;top:0;left:0;width:100%;height:100%\"><\/iframe><\/div><\/div>\n<hr \/>\n\n\n<h4>Image Width and Height<\/h4>\n\n\n\n<p>Easily resize stickers by adjusting the width and height individually in the settings. To lock the aspect ratio and make the sticker scale at a consistent size, click the respective icon in the sticker toolbar. Alternatively, you can drag the handlebars of the sticker to resize the sticker directly, which may be easier.<\/p>\n\n\n<div style=\"max-width:608px\"><div style=\"position:relative;padding-bottom:66.118421052632%\"><iframe loading=\"lazy\" id=\"kaltura_player\" src=\"https:\/\/cdnapisec.kaltura.com\/p\/2159741\/sp\/215974100\/embedIframeJs\/uiconf_id\/49950923\/partner_id\/2159741?iframeembed=true&#038;playerId=kaltura_player&#038;entry_id=1_xlmtbyph&#038;flashvars[streamerType]=auto&amp;flashvars[localizationCode]=en&amp;flashvars[Kaltura.addCrossoriginToIframe]=true&amp;&#038;wid=1_k8jkqoy6\" width=\"608\" height=\"402\" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow=\"autoplay *; fullscreen *; encrypted-media *\" sandbox=\"allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation\" frameborder=\"0\" title=\"BU Stories: Resizing Sticker Block\" style=\"position:absolute;top:0;left:0;width:100%;height:100%\"><\/iframe><\/div><\/div>\n<hr \/>\n\n\n<h4>Opacity<\/h4>\n\n\n\n<p>Adjust the sticker&#8217;s opacity from a range of 0 (completely transparent) to 100 (not transparent at all).<\/p>\n\n\n<div style=\"max-width:608px\"><div style=\"position:relative;padding-bottom:66.118421052632%\"><iframe loading=\"lazy\" id=\"kaltura_player\" src=\"https:\/\/cdnapisec.kaltura.com\/p\/2159741\/sp\/215974100\/embedIframeJs\/uiconf_id\/49950923\/partner_id\/2159741?iframeembed=true&#038;playerId=kaltura_player&#038;entry_id=1_6f7lejay&#038;flashvars[streamerType]=auto&amp;flashvars[localizationCode]=en&amp;flashvars[Kaltura.addCrossoriginToIframe]=true&amp;&#038;wid=1_zsqdk5ym\" width=\"608\" height=\"402\" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow=\"autoplay *; fullscreen *; encrypted-media *\" sandbox=\"allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation\" frameborder=\"0\" title=\"BU Stories: Adjusting Sticker Opacity\" style=\"position:absolute;top:0;left:0;width:100%;height:100%\"><\/iframe><\/div><\/div>\n\n\n<p><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\n\n\n<p><\/p>\n\n\n\n<h2>Text Panel Settings<\/h2>\n\n\n\n<p>The Text Panel Settings are visible directly above the selected block in the editor. Replace allows you to replace the sticker with a new selection. Reset will reset the position of the sticker to the top left corner of the page. Lock aspect ratio, when enabled, will maintain the sticker&#8217;s original aspect ratio and scale evenly.<\/p>\n\n\n<div style=\"max-width:608px\"><div style=\"position:relative;padding-bottom:66.118421052632%\"><iframe loading=\"lazy\" id=\"kaltura_player\" src=\"https:\/\/cdnapisec.kaltura.com\/p\/2159741\/sp\/215974100\/embedIframeJs\/uiconf_id\/49950923\/partner_id\/2159741?iframeembed=true&#038;playerId=kaltura_player&#038;entry_id=1_1rrhcs2o&#038;flashvars[streamerType]=auto&amp;flashvars[localizationCode]=en&amp;flashvars[Kaltura.addCrossoriginToIframe]=true&amp;&#038;wid=1_1cmhw9cj\" width=\"608\" height=\"402\" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow=\"autoplay *; fullscreen *; encrypted-media *\" sandbox=\"allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation\" frameborder=\"0\" title=\"BU Stories: Sticker Toolbar Options\" style=\"position:absolute;top:0;left:0;width:100%;height:100%\"><\/iframe><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>The Sticker block should be used for adding visual interest to stories, either through a curated selection of stickers or utilizing Giphy. You can find more detail about customization options below. A video demonstrating how to add a sticker block to your story. With the sticker block, you have the ability to freely move the [&hellip;]<\/p>\n","protected":false},"author":3324,"featured_media":0,"parent":13,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/pages\/457"}],"collection":[{"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/users\/3324"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/comments?post=457"}],"version-history":[{"count":16,"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/pages\/457\/revisions"}],"predecessor-version":[{"id":476,"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/pages\/457\/revisions\/476"}],"up":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/pages\/13"}],"wp:attachment":[{"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/media?parent=457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}