Heading Block documentation<\/a>.<\/p>\n\n\n\nThe NC State theme offers three header options: Default, Split and Floating Box.<\/p>\n\n\n\n
The appropriate header will depend on what area of the site you are currently editing. To change the header layout, select the parent header area block (hover over the current header block’s icon for easy selection of this) and click on the paintbrush icon, which will open a menu of available header layout options.<\/p>\n\n\n\nTable of Contents<\/h3>\n\n\n\n All three header options allow you to toggle on a Table of Contents to increase navigability of lengthy pages creating an organized list of anchor links.<\/p>\n\n\n
\n \n
\n
\n Learn more about Table of Contents<\/span>\n\t\t\t\n\t\t\t\n\t\t<\/svg><\/span>\n <\/a>\n <\/div>\n \n\n <\/div>\n\n\n\nDefault Header<\/h2>\n\n\n\n Of the three header types, the Default will likely be the most frequently used. Most subpages will want to use the default header as it will in many cases be linked to from a homepage or top level landing page that is using either the Split or Floated Box header types. The Default is the most straightforward as it only allows for adjusting the header text and providing a subtitle. See an example below.<\/p>\n\n\n\nSplit and Floating Box Headers<\/h2>\n\n\n\n Both the Split and Floating Box headers are best used on homepages or the top level landing pages of specific menus. These headers are more visually eye-catching and include an image in conjunction with the heading and subtitle. These headers are great ways leverage stunning photography that can potentially lead to users further exploring a site. See examples of both headers below.<\/p>\n\n\n\n
Split Header Example<\/h3>\n\n\n\nFloating Box Header Example<\/h3>\n\n\n\n This block is only featured in the Pro and Premium Tiers of the NC State Web Platform.<\/strong><\/p>\n\n\n\nAvailable Settings<\/h3>\n\n\n\n The Split and Floating Box headers both offer various settings to customize the header. To see the available settings, click on the Settings menu next to the blue Save button, then click on the content box. Available settings include:<\/p>\n\n\n\n
\nFocal point picker\n\nSelect which part of the image is central for different screen sizes<\/li>\n<\/ul>\n<\/li>\n\n\n\n Content box settings\n\nToggle on the CTA (call to action) to add a button. Toggle off to remove it<\/li>\n\n\n\n Change the location of the box (left or right)<\/li>\n<\/ul>\n<\/li>\n\n\n\n Color settings\n\nChange the background color of the content box<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"A header is essential on every page. It gives users a starting point for viewing content and is typically the first thing a screen reader picks up when scanning a page. Each header serves as the page title, which starts the heading hierarchy that structures a site. In HTML, the page title is heading level…<\/p>\n","protected":false},"author":82,"featured_media":0,"parent":179,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"ncst_custom_author":"","ncst_show_custom_author":false,"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"A look at the various header options available for pages.\",\"backgroundColor\":\"custombg_one\",\"boxPosition\":\"left\",\"ctaNum\":\"one\",\"useCTA\":false,\"imageID\":39877,\"imageURL\":\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2026\/07\/4-17-theme-release.jpg\",\"imageAlt\":\"Yellow Black Eyed Susan Flowers in front of Talley Student Union\",\"focalPoint\":{\"x\":0.5,\"y\":0.34}}","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-752","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/users\/82"}],"replies":[{"embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=752"}],"version-history":[{"count":25,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/752\/revisions"}],"predecessor-version":[{"id":40009,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/752\/revisions\/40009"}],"up":[{"embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Animated](\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/09\/header-selection-example.gif\")
<\/figure>\n\n\n\n