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