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.

AdamBCarrier

<p>This plugin allows you to permalink (i.e., bookmark) to content on Twitter Bootstrap tabs (and now content inside collapsible components) via hash tag links.</p>
<p>Out-of-the-box, Bootstrap 3 won’t allow you to permalink to content inside the tabs. This plugin activates the tab containing the permalinked content and then scrolls the page to the hash mark (i.e., to the HTML element with the ID specified in the URL’s hash mark). You don’t even have to know which tab the content is on; the plugin figures it out. It does this so quick you really won’t notice all this going on. Page visitors who arrive using your permalink will pretty much immediately see the content you permalinked.</p>
<p>Here’s an example: You have an element inside a collapsed tab you want to link to. Give the element an ID (e.g., <code><div id="mylink"> ... </div></code>). Then, use that ID in the URL (e.g., <code>http://www.mydomain.com/page/#mylink</code>). That will activate the tab and scroll the page to the location of the ID.</p>
<p>If you don’t want the page to scroll automatically, there’s an option in the WordPress admin dashboard (<code>Settings</code> > <code>WP Tab Anchors</code>) to disable the auto scrolling –enabled by default. This option will enable/disable the jQuery scrolling plugin from loading on your site. That means, if you change this setting and use a site caching plugin, you might need to clear your site cache to ensure the scrolling is truly enabled or disabled.</p>
<p>You can contribute to this plugin here:  https://github.com/marinersmuseum/WP-Tab-Anchors</p>


WP Tab Anchors

This plugin allows you to permalink (i.e., bookmark) to content on Twitter Bootstrap 3 tabs via hash tag links.

Devmont TOC Navigator vs WP Tab Anchors