Devmont Digital

<p>Devmont TOC Navigator makes it easy to add a clean, accessible table of contents to your posts and pages.</p>
<p>Features:<br />
– Shortcode [dtocn_toc] and Gutenberg block<br />
– Sticky TOC with smooth offset scrolling and active link highlighting<br />
– Collapsible header with rotating icon<br />
– Fine-grained styling controls (Header, Links, Container)<br />
– Inline CSS generation for optimal performance<br />
– Sanitized settings and safe escaping following WordPress standards</p>
<h4>Shortcode</h4>
<p>[dtocn_toc]</p>
<p>Attributes:<br />
– heading_levels: Comma-separated list of headings to include (e.g. h2,h3,h4). Default: h2,h3<br />
– float: none | left | right. Default: none<br />
– toc_sticky: yes | no. Default: no</p>
<p>Example:<br />
[dtocn_toc heading_levels=”h2,h3,h4″ float=”right” toc_sticky=”yes”]</p>
<h4>Block</h4>
<p>Adds a “Smart TOC” block with the same options as the shortcode.</p>
<h4>Accessibility</h4>
<ul>
<li>Uses semantic buttons and aria attributes for the accordion toggle</li>
<li>Screen-reader-only label for the heading level data</li>
</ul>


Devmont TOC Navigator

Add a fast, accessible table of contents with a collapsible header, scroll spy, block, and shortcode.

jethin

<p>A block that automatically creates a list of anchor links to headings in a post.</p>
<h3>Usage</h3>
<p>Insert the “Auto Anchors Links List” block where you’d like it to appear. A post can only contain one “Auto Anchor Links List” block. Preview the post to view the list display and test links.</p>
<p>Heading levels h2-h6 are supported. Heading levels (h2 -> h3 -> h4) must be ordered properly; sub-heading levels are indented in the list.</p>
<p>The “Auto Anchors Links List” block is automatically updated when headings in the post are modified. Any manual edits to the list will be overwritten. To maintain the list manually, remove the “auto-anchor-links-list” class from the block to transform it into a WordPress core list block.</p>
<h4>Additional Controls</h4>
<p>Apply the “Manual Anchor” block style to a heading and then set its anchor text attribute to:</p>
<ul>
<li>[empty] A plain heading tag (omitted from auto anchors list)</li>
<li>[“custom-anchor”] A persistent custom anchor; useful for permalinks (included in auto anchors list)</li>
</ul>
<p>Add a “no-auto-anchor” class to any heading block to omit it from auto anchors list.</p>


Auto Anchor Links List

A block that automatically creates a list of anchor links to headings in a post.

Devmont TOC Navigator vs Auto Anchor Links List