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
