pavlobondarchuk

<p>Simple Sticky TOC automatically generates a sticky table of contents for single posts or pages by parsing <code><h2></code>, <code><h3></code>, and <code><h4></code> tags. It is lightweight, mobile-friendly, and works without jQuery.</p>
<p><strong>Features:</strong><br />
– Automatically detects and anchors h2–h4 headings<br />
– Sticky TOC with vertical layout on desktop<br />
– Sticky toggleable TOC on mobile<br />
– Built-in RTL support (positioning + layout)<br />
– Option to disable TOC on individual posts<br />
– Option to customize TOC layout from your theme<br />
– Auto-generated anchor IDs for headings<br />
– Clean CSS, pure JavaScript, no jQuery</p>
<h3>Theme Override Support</h3>
<p>To override the default markup or styles:</p>
<ol>
<li>
<p>Copy the default template files from the plugin:</p>
<ul>
<li><code>frontend/partials/toc-template.php</code></li>
<li><code>assets/css/toc.css</code></li>
<li><code>assets/js/toc.js</code></li>
</ul>
</li>
<li>
<p>Paste them into your theme inside the following folder:</p>
<ul>
<li><code>your-theme/simple-sticky-toc/</code></li>
</ul>
</li>
</ol>
<p>Supported override files:</p>
<ul>
<li><code>simple-sticky-toc/toc-template.php</code> – custom TOC markup</li>
<li><code>simple-sticky-toc/toc.css</code> – custom styles</li>
<li><code>simple-sticky-toc/toc.js</code> – custom JS behavior</li>
</ul>


Simple Sticky TOC

Lightweight sticky table of contents for mobile and desktop. Automatically generates anchor links for h2–h4 headings. No jQuery.

vedant

<p>Make Styled Note box, Alert box, Help box, Tip Box, Important Box and loads of of other boxes in your posts using classes.</p>


Headings

Make Styled Note box, Alert box, Help box, Tip Box, Important Box and loads of of other boxes in your posts using classes.

Simple Sticky TOC vs Headings