{"id":3861,"date":"2024-02-20T16:00:54","date_gmt":"2024-02-20T21:00:54","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/?post_type=reference-article&#038;p=3861"},"modified":"2026-05-20T09:13:21","modified_gmt":"2026-05-20T13:13:21","slug":"homepage-configuration","status":"publish","type":"reference-article","link":"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/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&nbsp;<a href=\"https:\/\/web.archive.org\/web\/20210325073217\/https:\/\/university-communications.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/\">theme blocks<\/a>&nbsp;and special homepage blocks through the Split Content block.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Changing the Page Template<\/h2>\n\n\n\n<p>Most pages in WordPress leverage the default template. The homepage uses a different page template that we must specify when setting it up. To change the template, from the page editor, take the following steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to the &#8220;Page&#8221; settings found in the right-hand panel of the editor.<\/li>\n\n\n\n<li>\u201cDocument\u201d in the right-hand settings panel. Then go to Page Attributes -&gt; Template and change the template to \u201cHomepage.\u201d<\/li>\n\n\n\n<li>Under the &#8220;Template&#8221; setting, click &#8220;Default template&#8221;.<\/li>\n\n\n\n<li>From the dropdown that appears, choose &#8220;Homepage&#8221;.<\/li>\n\n\n\n<li>Save your changes.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2026\/05\/2-large-homepage-template.gif\" data-fullsize=\"1920x1044\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1044\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2026\/05\/2-large-homepage-template.gif\" alt=\"The process of changing the template settings in the page editor\" class=\"wp-image-39741\"\/><\/a><figcaption class=\"wp-element-caption\">Content maintainers can update the page template through the Template setting<\/figcaption><\/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 is-style-padded-list\">\n<li><strong>Floating Box Header: <\/strong>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>\n\n\n\n<li><strong>Split Header: <\/strong>This header displays as a 50-50 split between a still image and text on top of a colored background.<\/li>\n<\/ul>\n\n\n<div class=\"is-text wp-block-ncst-buttons\">\n    \n<div class=\"wp-block-ncst-button\">\n      <a\n        class=\"ncst-block__button-link btn\"\n        href=\"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/page-header-options\/\"\n        data-ncst-lightbox=\"false\"\n                      >\n                  <span class=\"text\">Discover our header options<\/span><span class=\"arrow-indicator\"><svg class=\"wolficon wolficon-arrow-right-bold\" role=\"img\"  aria-hidden=\"true\">\n\t\t\t\n\t\t\t<use xlink:href=\"#wolficon-arrow-right-bold\">\n\t\t<\/svg><\/span>\n              <\/a>\n    <\/div>\n  \n\n  <\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Split Content Block<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2024\/02\/split-content-example-scaled.png\" data-fullsize=\"2560x1450\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"580\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2024\/02\/split-content-example-1024x580.png\" alt=\"Example of the Split Content block\" class=\"wp-image-39745\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2024\/02\/split-content-example-1024x580.png 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2024\/02\/split-content-example-300x170.png 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2024\/02\/split-content-example-768x435.png 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2024\/02\/split-content-example-1536x870.png 1536w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2024\/02\/split-content-example-2048x1160.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Example of the Split Content block featuring the Featured Callout and Quote content types<\/figcaption><\/figure>\n\n\n\n<p>The special homepage blocks sit within a container known as a Split Content block. The Split Content block is comprised of two halves. Each half features it&#8217;s own unique block. There are several blocks that content maintainers can choose from within the Split Content block.<\/p>\n\n\n<div class=\"is-text wp-block-ncst-buttons\">\n    \n<div class=\"wp-block-ncst-button\">\n      <a\n        class=\"ncst-block__button-link btn\"\n        href=\"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/split-container-block\/\"\n        data-ncst-lightbox=\"false\"\n                      >\n                  <span class=\"text\">Read the complete documentation<\/span><span class=\"arrow-indicator\"><svg class=\"wolficon wolficon-arrow-right-bold\" role=\"img\"  aria-hidden=\"true\">\n\t\t\t\n\t\t\t<use xlink:href=\"#wolficon-arrow-right-bold\">\n\t\t<\/svg><\/span>\n              <\/a>\n    <\/div>\n  \n\n  <\/div>\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_dynamicHeaderData":"","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","_links_to":"","_links_to_target":""},"availability":[49,73],"content-type":[75],"class_list":["post-3861","reference-article","type-reference-article","status-publish","hentry","availability-nc-state-theme","availability-nc-state-theme-v3","content-type-site-settings"],"acf":[],"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/3861","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":9,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/3861\/revisions"}],"predecessor-version":[{"id":39765,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/3861\/revisions\/39765"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=3861"}],"wp:term":[{"taxonomy":"availability","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/availability?post=3861"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/content-type?post=3861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}