{"id":2505,"date":"2021-07-01T22:05:09","date_gmt":"2021-07-01T22:05:09","guid":{"rendered":"https:\/\/dev.kadenceblocks.com\/?page_id=2505"},"modified":"2024-04-12T06:13:36","modified_gmt":"2024-04-12T12:13:36","slug":"table-of-contents","status":"publish","type":"page","link":"https:\/\/www.kadencewp.com\/kadence-blocks\/table-of-contents\/","title":{"rendered":"Table of Contents"},"content":{"rendered":"\n<p>The Table of Contents Block is a great way to provide navigation for your long post content. You can choose which heading levels to account for. An optional smooth scroll to anchor can be enabled. Where this block really stands out is that it can be added to a sticky sidebar and has a scroll spy that can highlight which heading the user is currently scrolling to. This block does not need to be part of the post content but instead can be hooked into a sidebar to be placed in a sticky area or even a modal. Learn more about the settings and how to use the block in the <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/table-of-contents-block\/\" data-type=\"link\" data-id=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/table-of-contents-block\/\">Kadence Blocks Table of Contents block documentation<\/a>.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2505_72906e-83, .wp-block-kadence-advancedheading.kt-adv-heading2505_72906e-83[data-kb-block=\"kb-adv-heading2505_72906e-83\"]{font-size:30px;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2505_72906e-83 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2505_72906e-83[data-kb-block=\"kb-adv-heading2505_72906e-83\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2505_72906e-83 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2505_72906e-83[data-kb-block=\"kb-adv-heading2505_72906e-83\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading2505_72906e-83 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2505_72906e-83\"><strong>Examples:<\/strong><\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id2505_448afc-ff .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id2505_448afc-ff .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id2505_448afc-ff .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id2505_448afc-ff .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id2505_89cc6c-b1 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);background-color:var(--global-palette8, #F7FAFC);max-width:514px;}.kb-table-of-content-nav.kb-table-of-content-id2505_89cc6c-b1 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id2505_89cc6c-b1 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id2505_89cc6c-b1 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id2505_89cc6c-b1 .kb-toggle-icon-style-basiccircle .kb-table-of-contents-icon-trigger:after, .kb-table-of-content-nav.kb-table-of-content-id2505_89cc6c-b1 .kb-toggle-icon-style-basiccircle .kb-table-of-contents-icon-trigger:before, .kb-table-of-content-nav.kb-table-of-content-id2505_89cc6c-b1 .kb-toggle-icon-style-arrowcircle .kb-table-of-contents-icon-trigger:after, .kb-table-of-content-nav.kb-table-of-content-id2505_89cc6c-b1 .kb-toggle-icon-style-arrowcircle .kb-table-of-contents-icon-trigger:before, .kb-table-of-content-nav.kb-table-of-content-id2505_89cc6c-b1 .kb-toggle-icon-style-xclosecircle .kb-table-of-contents-icon-trigger:after, .kb-table-of-content-nav.kb-table-of-content-id2505_89cc6c-b1 .kb-toggle-icon-style-xclosecircle .kb-table-of-contents-icon-trigger:before{background-color:var(--global-palette8, #F7FAFC);}<\/style>\n\n\n<h2 class=\"wp-block-heading\">This is a H2 heading<\/h2>\n\n\n\n<p>Paragraph context<\/p>\n\n\n\n<p>Paragraph context<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">This is a H3 Heading<\/h3>\n\n\n\n<p>Paragraph context<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">This is an H4 Heading<\/h4>\n\n\n\n<p>Paragraph context<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">This is another H2 Heading<\/h2>\n\n\n\n<p>Paragraph context<\/p>\n\n\n\n<p>Paragraph context<\/p>\n\n\n\n<p>Paragraph context<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">This is the third H2 Heading<\/h2>\n\n\n\n<p>Paragraph context<\/p>\n\n\n\n<p>Paragraph context<\/p>\n\n\n\n<p>Paragraph context<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Table of Contents Block is a great way to provide navigation for your long post content. You can choose which heading levels to account for. An optional smooth scroll to anchor can be enabled. Where this block really stands out is that it can be added to a sticky sidebar and has a scroll&#8230;<\/p>\n","protected":false},"author":1265,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"enable","_kad_post_title":"show","_kad_post_layout":"normal","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2505","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/kadence-blocks\/author\/britner\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/2505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/users\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/comments?post=2505"}],"version-history":[{"count":2,"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/2505\/revisions"}],"predecessor-version":[{"id":4432,"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/2505\/revisions\/4432"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/media?parent=2505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}