{"id":682,"date":"2020-05-27T21:55:20","date_gmt":"2020-05-27T21:55:20","guid":{"rendered":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/?page_id=682"},"modified":"2022-09-13T00:50:49","modified_gmt":"2022-09-13T04:50:49","slug":"homepage-configuration","status":"publish","type":"page","link":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/products\/nc-state-web-platform\/site-settings\/homepage-configuration\/","title":{"rendered":"Homepage Configuration"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>A custom-looking homepage can be easily built through creative configuration of regular <a href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/\">theme blocks<\/a> and special homepage blocks.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Changing the Page Template<\/h2>\n\n\n\n<p>The homepage uses a different page template. To change the template, go to &#8220;Document&#8221; in the right-hand settings panel. Then go to Page Attributes -&gt; Template and change the template to &#8220;Homepage.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"758\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/homepage-template-1.gif\" alt=\"\" class=\"wp-image-779\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Header<\/h2>\n\n\n\n<p>There are two recommended header options for a homepage. Those options include:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Floating Box Header: This header displays a still image or silent video footage at 100% of the page width. A callout box can also be laid on top of the imagery with a call-to-action to another page of your site.<\/li><li>Split Header: This header displays as a 50-50 split between a still image and text on top of a colored background.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Page Body<\/h2>\n\n\n\n<p>The special homepage blocks sit within a container known as a Split Container block. Two of of the blocks can be put in the Split Container block because each block has a width of only 50% of the page.<\/p>\n\n\n\n<p>These special homepage blocks include:<\/p>\n\n\n\n<ul class=\"wp-block-list is-style-padded-list\"><li><strong>Audience Engagement:<\/strong> Invites users to subscribe to an email list or view your unit&#8217;s social channels.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"688\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/audience-engagement-split-block-1024x688.jpg\" alt=\"\" class=\"wp-image-694\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/audience-engagement-split-block-1024x688.jpg 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/audience-engagement-split-block-300x202.jpg 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/audience-engagement-split-block-768x516.jpg 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/audience-engagement-split-block.jpg 1470w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list is-style-padded-list\"><li><strong>Events:<\/strong> Displays upcoming events from Localist (the <a href=\"https:\/\/calendar.ncsu.edu\/\">university calendar<\/a>) or The Events Calendar plugin.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"804\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/events-split-block-1024x804.jpg\" alt=\"\" class=\"wp-image-695\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/events-split-block-1024x804.jpg 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/events-split-block-300x236.jpg 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/events-split-block-768x603.jpg 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/events-split-block.jpg 1332w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list is-style-padded-list\"><li><strong>Fact List:<\/strong> Displays a column of one, two or three facts with optional icons.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1003\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/fact-list-split-block-1024x1003.jpg\" alt=\"\" class=\"wp-image-696\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/fact-list-split-block-1024x1003.jpg 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/fact-list-split-block-300x294.jpg 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/fact-list-split-block-768x752.jpg 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/fact-list-split-block.jpg 1446w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list is-style-padded-list\"><li><strong>Featured Callout:<\/strong> Displays a callout with title, teaser, call-to-action and image. The callout can be used to point to important resources on your site.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"804\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/featured-callout-split-block-1024x804.jpg\" alt=\"\" class=\"wp-image-697\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/featured-callout-split-block-1024x804.jpg 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/featured-callout-split-block-300x236.jpg 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/featured-callout-split-block-768x603.jpg 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/featured-callout-split-block.jpg 1436w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list is-style-padded-list\"><li><strong>Link List:<\/strong> This block displays a list of links to other resources on your site.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"599\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/link-list-split-block-1024x599.jpg\" alt=\"\" class=\"wp-image-698\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/link-list-split-block-1024x599.jpg 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/link-list-split-block-300x175.jpg 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/link-list-split-block-768x449.jpg 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/link-list-split-block.jpg 1314w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list is-style-padded-list\"><li><strong>News Feed:<\/strong> Displays a filterable, automatic feed of headlines from your site or the Newswire.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"764\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/news-feed-split-block-1024x764.jpg\" alt=\"\" class=\"wp-image-699\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/news-feed-split-block-1024x764.jpg 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/news-feed-split-block-300x224.jpg 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/news-feed-split-block-768x573.jpg 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/news-feed-split-block.jpg 1354w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list is-style-padded-list\"><li><strong>Statement:<\/strong> A simple text statement with optional CTA. This block can be used to display an impactful message about your unit.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/statement-split-block-1024x491.jpg\" alt=\"\" class=\"wp-image-700\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/statement-split-block-1024x491.jpg 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/statement-split-block-300x144.jpg 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/statement-split-block-768x368.jpg 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/statement-split-block.jpg 1344w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list is-style-padded-list\"><li><strong>Testimonial:<\/strong> Showcases a quote with attribution and optional image. This block can be used to show a quote from a member of leadership, student, alumni or other affiliates.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"598\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/testimonial-split-block-1024x598.jpg\" alt=\"\" class=\"wp-image-701\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/testimonial-split-block-1024x598.jpg 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/testimonial-split-block-300x175.jpg 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/testimonial-split-block-768x448.jpg 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/testimonial-split-block.jpg 1398w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\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>Overview A custom-looking homepage can be easily built through creative configuration of regular theme blocks and special homepage blocks. Changing the Page Template The homepage uses a different page template.&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":179,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"backgroundColor\":\"red_400\",\"boxPosition\":\"left\",\"pageIntro\":\"A custom configured homepage can be built using blocks.\"}","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\/682"}],"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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=682"}],"version-history":[{"count":12,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/682\/revisions"}],"predecessor-version":[{"id":3018,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/682\/revisions\/3018"}],"up":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}