Creotec Floating Table of Contents

Description

Long page. Clear direction.

Creotec Floating Table of Contents gives readers a small floating button that opens a structured list of your page headings. Search for a section, explore its subheadings, copy a link or jump straight to the part you need.

Choose inline contents or a desktop sidebar

Insert the Creotec Table of Contents block or use [creotec_toc title=”Article contents”] to place a heading tree inside your article. Inline contents share filters and anchors with floating navigation. Choose an optional left or right docked sidebar on wide screens, with automatic floating-button fallback below your chosen screen width.

Keep navigation clear of other controls

Reveal the floating button after a chosen scroll distance. Specify overlay CSS selectors to hide navigation while those panels are visible, or specify chat and cookie-banner selectors for automatic vertical button avoidance. The button hides temporarily if no safe position is available.

Make it feel at home

Choose any corner, adjust the spacing, select a list, book or compass icon, and match your button and accent colours. Choose light, dark or visitor-preferred modal styling. An interactive desktop/mobile preview lets you try changes before saving, with a text-contrast warning for difficult colour combinations.

Give mobile readers room

Use separate mobile positioning and spacing, an icon-only button and a bottom sheet or centred modal. Move the button away from chat widgets and cookie banners. Or disable it on mobile.

Show exactly what matters

Choose post types, exclude individual pages in the editor or by ID, and set a minimum heading count. Include selected H1–H6 levels from the main content, whole page or a custom selector. Exclude headings by text, selector or the no-toc class.

Help readers keep their place

The current section is highlighted and revealed when navigation opens. Readers can search headings, expand or collapse branches, copy section URLs, and follow their progress using an optional ring around the button icon. New headings are detected when content changes.

Free, private and self-contained

All features are included. No account, licence key, subscription, tracking, cookies or external services. No frontend framework or build step. Assets load only on pages allowed by your display rules. Navigation supports keyboard focus management, Escape dismissal and reduced-motion preferences.

Developed by Creotec. Setup and troubleshooting documentation is included with the plugin. See docs/compatibility.md for the tested configurations and limits; compatibility with every theme or plugin is not implied.

License

This plugin is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This plugin is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

Credits

Developed and maintained by Michael Gbadebo @ Creotec Limited.

Technical details