{"id":423,"date":"2020-05-26T22:19:33","date_gmt":"2020-05-26T22:19:33","guid":{"rendered":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/?page_id=423"},"modified":"2022-09-13T00:27:01","modified_gmt":"2022-09-13T04:27:01","slug":"aside-widget-block","status":"publish","type":"page","link":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/products\/nc-state-stories\/enhanced-news-add-on\/aside-widget-block\/","title":{"rendered":"Aside Widget Block"},"content":{"rendered":"\n<p>A part of the Immersive Template, the &#8220;Aside Widget&#8221; is a sleek alternative to standard &#8220;Fact&#8221; and &#8220;Pullquote&#8221; blocks. Instead of traditional center alignment, the &#8220;Aside Widget&#8221; affords site managers the option to left or right align specific, important content in order to give the body of work a feature feel while not distracting away from the main body of text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"816\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/aside-widget-demo.gif\" alt=\"\" class=\"wp-image-567\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Features<\/h2>\n\n\n\n<p>In Gutenberg, adding an Aside Widget block to a page is as easy as clicking the &#8220;Add a block&#8221; button and choosing &#8220;Aside Widget&#8221; from the block list. Alternatively, the block can be found by using the &#8220;Search for a block&#8221; function. For more info on blocks and adding them to a WordPress site, see our <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/\" target=\"_blank\">documentation on blocks<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"878\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/aside-widget-pt-1.gif\" alt=\"\" class=\"wp-image-551\"\/><\/figure>\n\n\n\n<p>Once added, the Aside Widget grants creators the option of featuring either a &#8220;Fact&#8221; or &#8220;Pullquote&#8221;. Both the &#8220;Fact&#8221; and &#8220;Pullquote&#8221; can be left or right aligned and have changeable text color. &#8220;Fact&#8221; includes a generic text field, a call to action, a unique icon, and also a space for including a link.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"878\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/aside-widget-pt-2-fact.gif\" alt=\"\" class=\"wp-image-560\"\/><\/figure>\n\n\n\n<p>&#8220;Pullquote&#8221; is a bit more simplistic than &#8220;Fact&#8221;, as it only features a text field. That said, as mentioned before, the &#8220;Pullquote&#8221; option still allows for both left and right alignment options along with the ability to change the text color. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"878\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/aside-widget-pt-3-pullquote.gif\" alt=\"\" class=\"wp-image-561\"\/><\/figure>\n\n\n\n<p>One final note concerning the &#8220;Aside Widget&#8221;, is to heavily use the &#8220;Preview&#8221; function found in the WordPress backend. While creating and editing an &#8220;Aside Widget&#8221;, content creators will not have true perspective of how the &#8220;Fact&#8221; or &#8220;Pullquote&#8221; will appear on the page as the blocks are centered aligned when editing. Using the &#8220;Preview&#8221; function will aid in assuring that the page is appearing as it should, displaying the blocks either left or right aligned.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Need help?<\/h2>\n\n\n\n<p>Have questions? Feel free to reach out with any questions or concerns at\u00a0<a href=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\">go.ncsu.edu\/ucomm-dev-request<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A part of the Immersive Template, the &#8220;Aside Widget&#8221; is a sleek alternative to standard &#8220;Fact&#8221; and &#8220;Pullquote&#8221; blocks. Instead of traditional center alignment, the &#8220;Aside Widget&#8221; affords site managers&hellip;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":209,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"Drawing readers attention to relevant facts and quotes.\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","footnotes":"","_links_to":"","_links_to_target":""},"acf":[],"_links":{"self":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/423"}],"collection":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=423"}],"version-history":[{"count":11,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/423\/revisions"}],"predecessor-version":[{"id":2995,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/423\/revisions\/2995"}],"up":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/209"}],"wp:attachment":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}