New plugins and custom updates added regularly — tutorials weekly on YouTube
Have a custom plugin request? Contact us to get it built
Cr8v Stacks / dev-playground cr8vstacks.com
Back to plugins
Utility

Cr8vstacks Table of Contents

Released v1.3.1

Four distinct layouts. Sticky scroll header. Live-preview dashboard. Per-post overrides for Classic, Gutenberg & Elementor. Free forever.

https://cr8vstacks.com/dev-playground/cr8vstacks-table-of-contents/
Contents
Chapter Index

Overview

Cr8vstacks Table of Contents is a free-forever, customizable WordPress table of contents plugin for posts and pages. It features a prominent sticky TOC header on scroll to keep navigation always accessible, alongside four distinct layouts (Manuscript, Soft Editorial, Brutalist, Minimalist), a fully interactive live-preview settings dashboard with desktop/mobile toggle, six colour presets, seventeen individual colour controls, and per-post override controls in Classic Editor, Gutenberg sidebar, Elementor Page Settings, and Quick Edit. Outputs crawlable heading anchors that support long-form content navigation and SEO-friendly page structure, with zero remote font loading and no jQuery dependency on the frontend.

Technical Specifications

WordPress WordPress 5.8+, PHP 7.2+
PHP Environment PHP 7.2+
Database Impact Zero DB footprint (DOM filter only)
API Integrations Local parser — no external requests
Distribution ZIP Archive / Standard Plugin
License GPL v2 / Open Source

Key Features

4 premium layouts: Manuscript, Soft Editorial, Brutalist, Minimalist

Sticky TOC header with dropdown on scroll

Reading time estimate & scroll progress indicator

Live preview dashboard with desktop/mobile toggle

6 colour presets + 17 individual colour controls

Per-post overrides in Gutenberg, Classic Editor & Elementor

Active heading tracking with read/done states

Accessible ARIA markup — no jQuery dependency

Smooth scroll, back-to-top, optional numbering

SEO-crawlable anchor links for long-form content

Deep Dive

Manuscript Layout

Dark editorial surface with mono eyebrow header, serif titles, chapter-style timeline markers, amber reading progress, and depth-aware child heading treatment.

Soft Editorial Layout

Clean editorial card with guided sections, dark/soft-dark typography, completed-state checkmarks, and nested child rows for deep content hierarchies.

Brutalist Layout

High-contrast bold typography with dark body, darker header, offset border extension, squared controls, and white-on-black active row accents.

Minimalist Layout

The original clean light card — kept for sites that want a classic, understated look while still benefiting from all dashboard controls.

How It Works

STEP 01

Installs in 60 seconds

Drop the plugin into WordPress and activate. No configuration required to get a working TOC — sensible defaults apply immediately.

STEP 02

Parses headings automatically

On each page load the plugin scans selected heading levels (H2–H6), generates stable anchor IDs, and injects the TOC before the first heading or wherever you place the shortcode.

STEP 03

Dashboard tune-up

Open Settings > Cr8v TOC. Pick a layout, choose a colour preset, tweak typography, and watch the live preview update in real-time — all without reloading the page.

STEP 04

Per-post control

Override any global setting per post from the Gutenberg sidebar panel, Classic Editor meta box, or Quick Edit row — including disabling the TOC, changing placement, or enabling sticky header only on mobile.

Developer Integration & Hooks

Customize target heading levels dynamically using the filter hook:

functions.php
add_filter( 'cr8vt_toc_headings', function( $headings ) {
    // Include h4 elements in table of contents parsing
    return array_merge( $headings, array( 'h4' ) );
} );

Installation Guide

1

Download Package

Get the latest build by downloading the ZIP archive from the button on this page. Save it to your desktop or downloads folder.

2

WordPress Upload

Navigate to your WordPress admin, click Plugins > Add New > Upload Plugin, then select and upload the ZIP file.

3

Activate & Configure

Click Activate Plugin. The plugin settings will appear in your admin menu — open them to configure behaviour, connect APIs, or run the optional onboarding flow.

Download Plugin ZIP View Live Preview
Version 1.3.1
Downloads 0
File Size
Last Updated Jun 2026
License GPL v2 / Open Source
Author Cr8v Stacks