Title: Cr8vstacks Table of Contents Author: cr8vstacks Published: June 17, 2026 Last modified: June 17, 2026 --- Search plugins ![](https://ps.w.org/cr8vstacks-table-of-contents/assets/banner-772x250.png?rev= 3576049) ![](https://ps.w.org/cr8vstacks-table-of-contents/assets/icon-256x256.jpg?rev=3576049) # Cr8vstacks Table of Contents By [cr8vstacks](https://profiles.wordpress.org/cr8vstacks/) [Download](https://downloads.wordpress.org/plugin/cr8vstacks-table-of-contents.1.3.0.zip) * [Details](https://wordpress.org/plugins/cr8vstacks-table-of-contents/#description) * [Reviews](https://wordpress.org/plugins/cr8vstacks-table-of-contents/#reviews) * [Installation](https://wordpress.org/plugins/cr8vstacks-table-of-contents/#installation) * [Development](https://wordpress.org/plugins/cr8vstacks-table-of-contents/#developers) [Support](https://wordpress.org/support/plugin/cr8vstacks-table-of-contents/) ## Description Cr8vstacks Table of Contents automatically generates a polished, accessible table of contents for WordPress posts and pages. It builds links from your headings, adds stable anchors where needed, and gives readers a clearer way to move through long- form content. The plugin includes four frontend layouts: Manuscript, Soft Editorial, Brutalist, and Minimalist. Each layout has its own header treatment, body structure, child- heading styling, reading progress style, and Hide/Show button design. Cr8vstacks Table of Contents is built for Gutenberg and classic publishing workflows. It works with Block Editor headings, adds a Block Editor sidebar for per-post controls, includes a Classic Editor meta box, supports Quick Edit, and can be placed manually with the `[wptw_toc]` shortcode. For SEO and content navigation, the plugin outputs crawlable anchor links and structured on-page navigation. This can help readers and search engines understand long articles, but it does not replace a dedicated SEO plugin for metadata, schema, sitemaps, or content scoring. #### Key Features * Auto-generates a TOC from selected heading levels, H2 through H6. * Preserves existing heading IDs when possible. * Adds generated anchors for headings that need them. * Configurable placement before the first heading, after the first paragraph, or shortcode only. * Four selectable layouts: Manuscript, Soft Editorial, Brutalist, and Minimalist. * Live dashboard preview using the same frontend stylesheet. * Color presets plus individual controls for card, header, links, numbers, progress, toggle, and back-to-top colors. * Typography controls for font stack, link size, child size, label size, reading time size, number size, label spacing, label transform, and border radius. * Reading time estimate with configurable words per minute. * Scroll reading progress indicator that matches the active layout. * Active-section highlighting and read/done states. * Sticky TOC header with configurable top offset. * Optional hierarchical numbering. * Optional back-to-top button. * Per-post controls for disabling the TOC, title, state, placement, numbers, sticky header, and reading time. * No remote font files are loaded; font choices use local or theme-available font stacks. * Frontend behavior does not require jQuery. #### Layouts * Manuscript: dark editorial chapter style with timeline markers, amber progress, and depth-aware child links. * Soft Editorial: clean card layout with guided sections, completed-state checkmarks, and nested child rows. * Brutalist: bold dark layout with darker header, offset border extension, squared controls, and high-contrast active rows. * Minimalist: original clean light card layout for a simple classic TOC. #### Gutenberg, Elementor And Per-Post Controls Cr8vstacks Table of Contents supports headings created in the WordPress Block Editor and Elementor page builder. The Block Editor sidebar and Elementor Page Settings panel let editors override TOC settings per post/page (such as disabling the TOC) without changing global defaults. Per-post controls are also available in the Classic Editor meta box and Quick Edit. Manual placement is available through the Shortcode block or Elementor shortcode widget with `[wptw_toc]`. #### Design Controls The settings dashboard includes Visibility, Headings, Layouts, Display, Colours, Typography, and Advanced tabs. The live preview updates before saving so site owners can test layouts, color presets, typography, display options, progress indicators, and visibility behavior. The Default color preset restores each layout’s native palette. Light, Dark, Ocean, Forest, and Rose presets can be customized through the same color controls. #### SEO And Content Navigation The plugin can help SEO indirectly by creating crawlable heading anchor links and clearer internal jump navigation for long-form content. Better structure can improve scanability and reader engagement. It does not manage meta titles, descriptions, schema, XML sitemaps, or keyword analysis. ### Shortcode Use `[wptw_toc]` anywhere in your content when Position is set to “shortcode only”. Layout, color, typography, display, and per-post settings still apply. ## Screenshots [⌊Settings Dashboard - Visibility, Headings, and General Layout settings with Live Preview.⌉⌊Settings Dashboard - Visibility, Headings, and General Layout settings with Live Preview.⌉[ Settings Dashboard – Visibility, Headings, and General Layout settings with Live Preview. [⌊Minimalist Layout - The classic clean card style TOC.⌉⌊Minimalist Layout - The classic clean card style TOC.⌉[ Minimalist Layout – The classic clean card style TOC. [⌊Manuscript Layout - Dark editorial chapter style with timeline nodes, progress bar, and reading time.⌉⌊Manuscript Layout - Dark editorial chapter style with timeline nodes, progress bar, and reading time.⌉[ Manuscript Layout – Dark editorial chapter style with timeline nodes, progress bar, and reading time. [⌊Soft Editorial Layout - Clean card layout with guided steps and completed section checkmarks.⌉⌊Soft Editorial Layout - Clean card layout with guided steps and completed section checkmarks.⌉[ Soft Editorial Layout – Clean card layout with guided steps and completed section checkmarks. [⌊Brutalist Layout - Bold typographic layout with offset borders and high-contrast styling.⌉⌊Brutalist Layout - Bold typographic layout with offset borders and high- contrast styling.⌉[ Brutalist Layout – Bold typographic layout with offset borders and high-contrast styling. [⌊Mobile Layout - Responsive rendering optimized for smaller viewports.⌉⌊Mobile Layout - Responsive rendering optimized for smaller viewports.⌉[ Mobile Layout – Responsive rendering optimized for smaller viewports. [⌊Per-Post Controls - Gutenberg block editor sidebar for post-level overrides.⌉⌊ Per-Post Controls - Gutenberg block editor sidebar for post-level overrides.⌉[ Per-Post Controls – Gutenberg block editor sidebar for post-level overrides. ## Installation 1. Upload the `cr8vstacks-table-of-contents` folder to `/wp-content/plugins/`. 2. Activate the plugin through the Plugins menu in WordPress. 3. Go to Settings > Cr8v TOC to configure global behavior. 4. Optionally override settings per post through the editor sidebar, meta box, or Quick Edit. ## FAQ ### Will the TOC always appear? No. The TOC only appears if the post type is enabled, the post meets the minimum heading count, the post ID is not excluded, and TOC is not disabled for that post. ### Can I switch between TOC designs? Yes. Go to Settings > Cr8v TOC > Layouts and choose Manuscript, Soft Editorial, Brutalist, or Minimalist. ### Can I preview changes before saving? Yes. The dashboard includes a live preview for layout, color, typography, display, progress, and visibility settings. ### Does it work with Gutenberg? Yes. It works with Block Editor headings, adds a sidebar panel for per-post controls, and can be placed manually with the Shortcode block. ### Does a table of contents help SEO? It can help indirectly by creating crawlable anchor links and clearer on-page navigation. It is not a replacement for an SEO plugin that manages metadata, schema, sitemaps, or content analysis. ### Does the frontend require jQuery? No. The frontend script is written without jQuery. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Cr8vstacks Table of Contents” is open source software. The following people have contributed to this plugin. Contributors * [ cr8vstacks ](https://profiles.wordpress.org/cr8vstacks/) [Translate “Cr8vstacks Table of Contents” into your language.](https://translate.wordpress.org/projects/wp-plugins/cr8vstacks-table-of-contents) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/cr8vstacks-table-of-contents/), check out the [SVN repository](https://plugins.svn.wordpress.org/cr8vstacks-table-of-contents/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/cr8vstacks-table-of-contents/) by [RSS](https://plugins.trac.wordpress.org/log/cr8vstacks-table-of-contents/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.3.0 * Added Elementor Page Settings integration (on/off switcher to disable the TOC per post/page within the Elementor editor). * Added frontend alignment settings allowing users to align the Table of Contents card (Left, Center, Right) using block margins. * Fixed low-contrast scroll progress bars in Brutalist and Manuscript layouts by removing background-diluting color-mix logic that rendered them invisible on most presets. * Updated check and dot border contrast rules for Brutalist and Soft Editorial layouts, blending the borders with the active text color using CSS color-mix to guarantee legibility on both light and dark presets. * Fixed a layout clipping bug where the last list item inside expanded TOC cards got cut off at the bottom due to a hardcoded load-time pixel height calculation. * Added dynamic offset detection for the WordPress admin bar to adjust scroll, sticky top, and active tracking. * Added :focus-visible outline styles to TOC links and buttons for keyboard accessibility. * Filtered out empty or whitespace-only headings (like headings with only image tags) to prevent blank TOC entries. * Constrained the Table of Contents card to a maximum width of 820px and centered it horizontally on wide/full-width templates. * Hardened layout header visibility by using display: flex !important, preventing third-party title-disabling/hiding scripts from hiding TOC headers on H1-less pages. * Added a container wrapper with clear: both and display: flow-root to prevent margin collapsing below cleared floated elements and ensure top margin clearance applies properly. * Adjusted the TOC top margin to 2.75rem to create adequate clearance between the TOC and preceding cleared floated images. * Fixed a bug where left-aligned or right-aligned images before the first heading would overlap with or float next to the TOC. * Renamed the public plugin identity to Cr8vstacks Table of Contents and updated the WordPress.org text domain to `cr8vstacks-table-of-contents`. * Removed the arbitrary CSS override field and output path for WordPress.org repository compliance. * Moved Quick Edit and Classic Editor meta box CSS and JavaScript into enqueued asset files. * Changed the TOC stylesheet builder to return CSS for `wp_add_inline_style()`. * Added selectable TOC layouts: Minimalist, Manuscript, Soft Editorial, and Brutalist. * Made Manuscript the default layout. * Added saved Active badges for layouts and colour presets. * Redesigned the settings dashboard with a wider live preview and dedicated Layouts tab. * Reworked layouts so H2 entries render as primary sections and H3-H6 entries render as depth-aware child links. * Matched layout-specific reading progress indicators across frontend, sticky header, and admin preview. * Hardened TOC text, link, list, and button styles against theme defaults. * Restyled Hide/Show buttons per layout. * Added sticky settings-page header, admin footer, and cross-links between Layouts and Colours. * Added Gutenberg, SEO, and content-navigation documentation. #### 1.2.0 * Improved sticky header logic. * Added per-post settings via Gutenberg sidebar. * Enhanced Quick Edit integration. * Refined reading time estimation. * Added performance and accessibility improvements. #### 1.1.0 * Added sticky TOC header, per-post controls, Quick Edit support, color presets, reading time, back-to-top button, and active highlighting. #### 1.0.0 * Initial release. ## Meta * Version **1.3.0** * Last updated **11 hours ago** * Active installations **Fewer than 10** * WordPress version ** 5.8 or higher ** * Tested up to **7.0** * PHP version ** 7.4 or higher ** * Tags * [gutenberg](https://wordpress.org/plugins/tags/gutenberg/)[reading time](https://wordpress.org/plugins/tags/reading-time/) [seo](https://wordpress.org/plugins/tags/seo/)[table of contents](https://wordpress.org/plugins/tags/table-of-contents/) [toc](https://wordpress.org/plugins/tags/toc/) * [Advanced View](https://wordpress.org/plugins/cr8vstacks-table-of-contents/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/cr8vstacks-table-of-contents/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/cr8vstacks-table-of-contents/reviews/) ## Contributors * [ cr8vstacks ](https://profiles.wordpress.org/cr8vstacks/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/cr8vstacks-table-of-contents/)