{"id":423,"date":"2020-05-26T22:19:33","date_gmt":"2020-05-26T22:19:33","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/?page_id=423"},"modified":"2026-02-12T16:10:34","modified_gmt":"2026-02-12T21:10:34","slug":"aside-widget-block","status":"publish","type":"reference-article","link":"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/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:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/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:\/\/university-communications.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:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/aside-widget-pt-1.gif\" alt=\"A GIF demonstrating the process of adding an Aside Widget within the WordPress Gutenberg editor. \" 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:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/aside-widget-pt-2-fact.gif\" alt=\"A GIF demonstrating Fact and Pullquote options within the Aside Widget block. \" 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:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/aside-widget-pt-3-pullquote.gif\" alt=\"A GIF demonstrating the Pullquote option within the Aside Widget. \" 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},"featured_media":0,"template":"","meta":{"_acf_changed":false,"ncst_custom_author":"","ncst_show_custom_author":false,"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"Drawing readers attention to relevant facts and quotes.\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","_links_to":"","_links_to_target":""},"availability":[72,50],"content-type":[51],"class_list":["post-423","reference-article","type-reference-article","status-publish","hentry","availability-nc-state-premium-add-on","availability-nc-state-stories","content-type-block"],"acf":[],"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article"}],"about":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/reference-article"}],"version-history":[{"count":11,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/423\/revisions"}],"predecessor-version":[{"id":39194,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/423\/revisions\/39194"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=423"}],"wp:term":[{"taxonomy":"availability","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/availability?post=423"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/content-type?post=423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}