描述
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
Blocks
This plugin provides 1 block.
- Smart Table of Contents Generate SEO-friendly TOC with scroll-spy, collapsible options, and shortcode.
安裝
- Upload the plugin files to the /wp-content/plugins/devmont-toc-navigator directory, or install via the Plugins screen in WordPress.
- Activate the plugin through the ‘Plugins’ screen in WordPress.
- Add the shortcode [dtocn_toc] to your content or insert the Smart TOC block.
- Configure styles under Settings Smart TOC.
常見問題
-
Can I choose which heading levels to include?
-
Yes. Set heading_levels like “h2,h3,h4” in the shortcode or block.
-
Does it support sticky behavior?
-
Yes. Enable sticky in the shortcode/block. Smooth scrolling accounts for the sticky TOC height.
-
How do I style the TOC?
-
Go to Settings Smart TOC Styles. You can customize Header, Links, and Container (colors, fonts, borders, radius, padding, width, box shadow presets, margins, etc.).
評價
There are no reviews for this plugin.
貢獻者及開發者
修改日誌
1.0.0
- Initial release.