BACK TO DIRECTORY

Simple Sticky TOC

by pavlobondarchuk

0.0
(0 ratings)

Simple Sticky TOC automatically generates a sticky table of contents for single posts or pages by parsing <h2>, <h3>, and <h4> tags. It is lightweight, mobile-friendly, and works without jQuery.

Features:
– Automatically detects and anchors h2–h4 headings
– Sticky TOC with vertical layout on desktop
– Sticky toggleable TOC on mobile
– Built-in RTL support (positioning + layout)
– Option to disable TOC on individual posts
– Option to customize TOC layout from your theme
– Auto-generated anchor IDs for headings
– Clean CSS, pure JavaScript, no jQuery

Theme Override Support

To override the default markup or styles:

  1. Copy the default template files from the plugin:

    • frontend/partials/toc-template.php
    • assets/css/toc.css
    • assets/js/toc.js
  2. Paste them into your theme inside the following folder:

    • your-theme/simple-sticky-toc/

Supported override files:

  • simple-sticky-toc/toc-template.php – custom TOC markup
  • simple-sticky-toc/toc.css – custom styles
  • simple-sticky-toc/toc.js – custom JS behavior

Screenshots

Sticky TOC on desktop

Sticky TOC on desktop

Toggleable TOC on mobile

Toggleable TOC on mobile

Admin panel for depth control

Admin panel for depth control

TOC layout in RTL mode

TOC layout in RTL mode

Plugin Details

Active Installs
0
Total Downloads
497
Version
1.0.1
Requires WP
5.0
Requires PHP
7.2
Tested Up To
6.8.8
Added
2025-08-10
Last Updated
2025-08-10 1:18pm GMT

Ratings

5
0
4
0
3
0
2
0
1
0