Robert

TOC Builder by RobertIvan is a Table of Contents plugin that automatically generates a navigation menu from your content’s headings. It includes an admin interface for configuration and is suitable for long-form content, documentation sites, and blogs.
<h4>Core Features</h4>
<ul>
<li>Auto-Detection – Automatically scans content for headings (H1-H6)</li>
<li>Smooth Scroll – Animated scrolling to sections</li>
<li>SpyScroll – Highlights the current section in the TOC while scrolling</li>
<li>Gutenberg Ready – Includes a native block with live preview in the editor</li>
<li>Configurable – Customize position, colors, heading levels, and more</li>
<li>Performance – Assets loading and caching optimized</li>
<li>Responsive – Compatible with desktop, tablet, and mobile devices</li>
</ul>
<h4>Admin Interface</h4>
TOC Builder by RobertIvan features an admin settings page for configuration:
Design System
<ul>
<li>Gradient color scheme</li>
<li>Animations and transitions</li>
<li>Card-based layout</li>
<li>System typography</li>
</ul>
WordPress Sidebar Menu Structure
<ul>
<li>Dedicated Sidebar Menu – Menu in WordPress sidebar with a custom icon</li>
<li>General Settings – Core TOC functionality with live preview</li>
<li>Appearance Settings – Visual customization options (coming soon)</li>
<li>Advanced Settings – Options for developers (coming soon)</li>
<li>Premium Features – Planned functionality</li>
<li>Bookmarkable URLs – Direct URLs for each section</li>
</ul>
User Experience
<ul>
<li>Live Preview – Preview updates based on selected heading levels</li>
<li>Heading Selection – Click on heading boxes (H1-H6) to toggle selection</li>
<li>Visual Hierarchy – Preview shows TOC structure based on heading selections</li>
<li>Interactive Demo – Collapsible TOC preview with hide/show functionality</li>
<li>Visual Feedback – Checkboxes with gradient backgrounds when selected</li>
<li>2-Column Layout – Settings on left, sticky live preview on right (desktop)</li>
<li>Responsive Design – Stacked layout on smaller screens</li>
</ul>
<h4>Future Architecture</h4>
The admin interface is designed to accommodate upcoming features:
<ul>
<li>Custom color schemes and typography options</li>
<li>Advanced CSS customization</li>
<li>Performance optimization controls</li>
<li>Analytics and tracking capabilities</li>
<li>Pre-built design templates</li>
<li>Multi-language support infrastructure</li>
</ul>
<h4>Suitable For</h4>
<ul>
<li>Long-form blog posts and articles</li>
<li>Documentation and knowledge bases</li>
<li>Educational content and tutorials</li>
<li>Product guides and manuals</li>
<li>Any content with multiple headings</li>
</ul>
<h3>Technical Details</h3>
<h4>File Structure</h4>
toc-master/ 
├── assets/ 
│ ├── css/ 
│ │ ├── style.css (Frontend TOC styles) 
│ │ └── admin-premium.css (Admin interface styles) 
│ └── js/ 
│ ├── script.js (Frontend functionality) 
│ ├── admin-settings.js (Admin interface interactions) 
│ └── block.js (Gutenberg block) 
├── includes/ 
│ ├── class-toc-generator.php (Core TOC generation logic) 
│ ├── class-toc-settings.php (Settings page with UI) 
│ └── class-toc-block.php (Gutenberg block registration) 
└── toc-builder.php (Main plugin file)
<h4>Admin Interface Architecture</h4>
The settings pages use a component-based architecture:
<ul>
<li>CSS Design System – CSS custom properties, modular components, responsive breakpoints</li>
<li>WordPress Sidebar Navigation – Individual pages for each settings section</li>
<li>Live Preview System – TOC rendering with dynamic heading selection</li>
</ul>
<h4>Color Palette</h4>
Primary Colors: 
* Primary Gradient: #4F46E5 → #7C3AED 
* Accent Cyan: #06B6D4 
* Accent Purple: #A855F7
Neutral Colors: 
* Gray Scale: #F1F5F9 → #0F172A 
* Success: #10B981 
* Warning: #F59E0B
<h3>Support</h3>
For support, feature requests, and bug reports, please visit the plugin’s support forum on WordPress.org.
<h3>Credits</h3>
Developed with ❤️ for the WordPress community.

TOC Builder by RobertIvan

A Table of Contents generator for WordPress with admin interface.

amanstacker

Digital Table of Contents is a powerful, modular toc system that lets you effortlessly generate and manage table of contents across your content. With full control over styling, behavior, and placement, it offers a user-friendly and highly customizable experience.
Key Features:
<ul>
<li>Modular TOC System: Each major TOC feature is separated into its own module for better management and flexibility. Comes with a dedicated settings panel for full control — ensuring smooth operation without conflicts and making it stand out from other plugins.</li>
<li>Auto Insertion of TOC: Automatically insert a table of contents across all post types with a single setup.</li>
<li>Flexible TOC Positioning: Choose where to place the TOC — before the first heading, after the first heading, top of the content, bottom of the content, or after a specific paragraph number.</li>
<li>Heading Hierarchy Support: Automatically generate a hierarchical TOC based on headings from H1 to H6.</li>
<li>Smart Placement Controls: Display the TOC on specific post types, individual posts, selected categories, and more — with options to exclude specific posts or pages.</li>
<li>Paginated TOC support: Fully compatible with the <code></code> tag, creating individual or combine TOCs for each page of your split content.</li>
<li>Smooth Scrolling: Enables a seamless and fluid scroll experience when navigating through the table of contents, enhancing overall user experience.</li>
<li>Accessibility Attributes: Adds essential ARIA and semantic HTML attributes to ensure the table of contents is fully accessible to screen readers and assistive technologies.</li>
<li>Rendering Style : Choose between CSS-based (lightweight and fast with basic interactions) or JavaScript-based rendering (more interactive and dynamic behavior) depending on your performance and functionality needs.</li>
<li>Multiple Header Icon Options: Choose from various icon styles like List Icon (☰), Show/Hide, Plus (+)/Minus (−), or even use a custom icon of your choice.</li>
<li>Full Customization: No need to rely on predefined designs — easily customize colors, styles, icons, backgrounds, links, titles, borders, and much more. Hassle-free, giving you the freedom to create almost any type of table of contents design.</li>
<li>Custom CSS: If the built-in customization options aren’t sufficient, you can add your own CSS directly in the provided Custom CSS box.</li>
<li>Jump Links Control: Option to generate a TOC without clickable jump links, ideal for visual structure without navigation.</li>
<li>Lightweight & Performance-Friendly: Built for speed and efficiency, the plugin is optimized to have minimal impact on your site’s load time and overall performance.</li>
<li>Import / Export: Easily back up or transfer your TOC settings and configurations between sites with the one-click import/export feature.</li>
<li>Delete Plugin Data & Reset: Option to remove all Digital Table of Contents plugin data from the database when Digital Table of Contents plugin is uninstalled, ensuring a clean removal.</li>
<li>Fast Help & Support: Facing issues or unable to find a feature in Digital Table of Contents? Our team is available 24/7 to assist you and resolve bugs or concerns as quickly as possible.</li>
</ul>
Shortcode:
Turn on the Shortcode Module to unlock a powerful, beginner-friendly WordPress Table of Contents shortcode builder — no coding required. Forget manually typing or memorizing shortcode parameters; simply open the shortcode settings panel and start customizing your TOC design, layout, and behavior.
As you adjust the settings, a real-time live preview instantly shows you exactly how your Table of Contents will appear, allowing you to fine-tune headings, styles, toggle options, icons, and more. This visual approach ensures you get the perfect look before placing it on your site.
When you’re happy with the configuration, the plugin automatically generates a fully-parameterized TOC shortcode in the Shortcode Source tab. Just copy and paste it anywhere — inside posts, pages, widgets, or even custom templates — and your Table of Contents will appear exactly as previewed.
With default settings, just use [digital_toc] for a quick, clean, and fully functional Table of Contents without any extra setup.
Available Modules :
<ul>
<li>✅ In-Content : Embed the table of contents directly within your post or page content for seamless navigation.</li>
<li>✅ In-Content Mobile : Optimized version of In-Content specifically designed for mobile devices.</li>
<li>✅ Shortcode : Easily insert the TOC anywhere using a simple shortcode, giving you full placement flexibility.</li>
<li>✅ Sliding Sticky : A sticky TOC that stays hidden and slides in from the left or right when toggled. Best for users who want to save space and show TOC only when needed.</li>
<li>✅ Sliding Sticky Mobile : A sticky TOC that stays hidden and slides in from the Bottom to Topp or Top to Bottom when toggled. Best for users who want to save space and show TOC only when needed.</li>
<li>✅ Floating : A Floating TOC is a movable, draggable, or collapsible navigation element that isn’t fixed, allowing repositioning and enhanced interaction</li>
</ul>
<h3>Roadmap</h3>
<ul>
<li>Sticky and Floating TOC </li>
<li>Mobile-specific layout and controls </li>
<li>Shortcode & Widget support </li>
<li>Live Preview UI in Admin </li>
<li>Accessibility enhancements</li>
</ul>
<h3>Credits</h3>
This plugin is inspired by and pays credit to the following projects:
<ul>
<li><a href="https://wordpress.org/plugins/easy-table-of-contents/" rel="ugc">Easy Table of Contents</a> </li>
<li><a href="https://wordpress.org/plugins/table-of-contents-plus/" rel="ugc">Table of Contents Plus</a></li>
</ul>
Third-party Libraries Used:
<ul>
<li><a href="https://ace.c9.io/" rel="nofollow ugc">Ace Editor</a> – for code editing interface in custom CSS </li>
<li><a href="https://select2.org/" rel="nofollow ugc">Select2</a> – for enhanced select dropdowns</li>
</ul>
<h3>License</h3>
This plugin is licensed under the GPLv2 or later.
<h3>Support & Feedback</h3>
For support or suggestions, visit the <a href="https://wordpress.org/support/plugin/digital-table-of-contents" rel="ugc">Support Forum</a>. 
Contribute or view the source on GitHub: <a href="https://github.com/amanstacker/digital-table-of-contents" rel="nofollow ugc">https://github.com/amanstacker/digital-table-of-contents</a> 
Love the plugin? <a href="https://www.paypal.com/paypalme/amanstacker" rel="nofollow ugc">Support development with a donation</a>

Digital Table of Contents

A powerful and customizable TOC plugin. Effortlessly navigate your content with advanced features and flexible styling.

TOC Builder by RobertIvan vs Digital Table of Contents