Description
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
Blocs
Cette extension offre 1 bloc.
- Smart Table of Contents Generate SEO-friendly TOC with scroll-spy, collapsible options, and shortcode.
Installation
- 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.
FAQ
-
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.).
Avis
Il n’y a aucun avis sur cette extension.
Contributeurs & développeurs
« Devmont TOC Navigator » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.
Contributeurs
Traduisez « Devmont TOC Navigator » dans votre langue.
Le développement vous intéresse ?
Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.
Historique des changements
1.0.0
- Initial release.