{"id":210,"date":"2020-05-17T23:48:36","date_gmt":"2020-05-17T23:48:36","guid":{"rendered":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/?page_id=210"},"modified":"2022-08-30T08:54:08","modified_gmt":"2022-08-30T12:54:08","slug":"heading-block","status":"publish","type":"page","link":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/products\/nc-state-stories\/blocks\/heading-block\/","title":{"rendered":"Heading Block"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>Headings help break up longer stories into smaller pieces. They also help the reader understand what will be discussed within the next section of the story.<\/p>\n\n\n\n<p>While a simple bolded line can visually function as a heading, it is recommended that the heading block be used for accessibility and SEO purposes.<\/p>\n\n\n\n<p>Web pages have six \u201clevels\u201d of headings. Correct usage of the heading levels is important for the following reasons:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>They help create an outline of content that screen reader users leverage to navigate through a web page.<\/li><li>They help provide semantic meaning to your web page so that search engines can better crawl your site\u2019s content. The better a search engine can understand your content, the higher you are likely to appear in search results.<\/li><li>Assuming all content maintainers of a site are using headings correctly, they help create a consistent look-and-feel as users navigate through your site.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Using Heading Levels Correctly<\/h2>\n\n\n\n<p>There are only a few things that you need to remember to use heading levels correctly.<\/p>\n\n\n\n<p>First and foremost, don\u2019t skip over levels. Headings should be used in numerical sequential order. It is web convention for a web post&#8217;s title to be heading level one (H1), and there should generally only be one H1 on each web page.<\/p>\n\n\n\n<p>That means that all of the headings that appear within the body of your web post should be H2 or lower. In fact, NC&nbsp;State Stories is coded so that you can\u2019t insert an H1 within the body of a post.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Using Lead Lines and Separators<\/h2>\n\n\n\n<p>If you are using NC&#160;State Stories&#8217; Enhanced Add-on and the immersive post template that comes with it, there are a couple of additional options that can help with sectioning of your content.<\/p>\n\n\n\n<p>There is the option to format a lead line of a paragraph. This will make the first line of the paragraph that it is applied to be all uppercase and bolded. This provides an additional signal to the reader that they are entering a new section of a story.<\/p>\n\n\n\n<p>The immersive template also has a separator block. This block simply adds a short horizontal line that acts as a more noticeable delimiter between sections of a story.<\/p>\n\n\n\n<p>Both of these features can be used alongside headings within your story.<\/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>Overview Headings help break up longer stories into smaller pieces. They also help the reader understand what will be discussed within the next section of the story. While a simple&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":207,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"Heading blocks help you provide structure and pacing within a post. This structure helps users digest a story as they read through it while also providing a means for pacing.\"}","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\/210"}],"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=210"}],"version-history":[{"count":3,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/210\/revisions"}],"predecessor-version":[{"id":2930,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/210\/revisions\/2930"}],"up":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/207"}],"wp:attachment":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}