Robert

<p>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.</p>
<h4>Core Features</h4>
<ul>
<li><strong>Auto-Detection</strong> – Automatically scans content for headings (H1-H6)</li>
<li><strong>Smooth Scroll</strong> – Animated scrolling to sections</li>
<li><strong>SpyScroll</strong> – Highlights the current section in the TOC while scrolling</li>
<li><strong>Gutenberg Ready</strong> – Includes a native block with live preview in the editor</li>
<li><strong>Configurable</strong> – Customize position, colors, heading levels, and more</li>
<li><strong>Performance</strong> – Assets loading and caching optimized</li>
<li><strong>Responsive</strong> – Compatible with desktop, tablet, and mobile devices</li>
</ul>
<h4>Admin Interface</h4>
<p>TOC Builder by RobertIvan features an admin settings page for configuration:</p>
<p><strong>Design System</strong></p>
<ul>
<li>Gradient color scheme</li>
<li>Animations and transitions</li>
<li>Card-based layout</li>
<li>System typography</li>
</ul>
<p><strong>WordPress Sidebar Menu Structure</strong></p>
<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>
<p><strong>User Experience</strong></p>
<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>
<p>The admin interface is designed to accommodate upcoming features:</p>
<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>
<p>toc-master/<br />
├── assets/<br />
│   ├── css/<br />
│   │   ├── style.css              (Frontend TOC styles)<br />
│   │   └── admin-premium.css      (Admin interface styles)<br />
│   └── js/<br />
│       ├── script.js              (Frontend functionality)<br />
│       ├── admin-settings.js      (Admin interface interactions)<br />
│       └── block.js               (Gutenberg block)<br />
├── includes/<br />
│   ├── class-toc-generator.php    (Core TOC generation logic)<br />
│   ├── class-toc-settings.php     (Settings page with UI)<br />
│   └── class-toc-block.php        (Gutenberg block registration)<br />
└── toc-builder.php                (Main plugin file)</p>
<h4>Admin Interface Architecture</h4>
<p>The settings pages use a component-based architecture:</p>
<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>
<p>Primary Colors:<br />
* Primary Gradient: #4F46E5 <span aria-hidden="true" class="wp-exclude-emoji">→</span> #7C3AED<br />
* Accent Cyan: #06B6D4<br />
* Accent Purple: #A855F7</p>
<p>Neutral Colors:<br />
* Gray Scale: #F1F5F9 <span aria-hidden="true" class="wp-exclude-emoji">→</span> #0F172A<br />
* Success: #10B981<br />
* Warning: #F59E0B</p>
<h3>Support</h3>
<p>For support, feature requests, and bug reports, please visit the plugin’s support forum on WordPress.org.</p>
<h3>Credits</h3>
<p>Developed with ❤️ for the WordPress community.</p>


TOC Builder by RobertIvan

A Table of Contents generator for WordPress with admin interface.

Chance Lin

<p>cclin Smart Table of Contents is a lightweight and flexible TOC plugin built specifically for <strong>long-form content, tutorials, and documentation-style websites</strong>.</p>
<p>This plugin focuses on reading experience, content structure, and navigation clarity, making it ideal for blogs, technical articles, and knowledge bases.</p>
<h3>Key Features</h3>
<ul>
<li>Automatically extract headings from H2 to H6 (configurable)</li>
<li>Clean and structured hierarchical TOC output</li>
<li>Automatic heading numbering (1, 1.1, 1.1.1)</li>
<li>Smooth scroll navigation</li>
<li>Scrollspy support (active heading highlight while scrolling)</li>
<li>Multiple display positions:
<ul>
<li>Inline TOC at the top of content</li>
<li>Fixed sidebar TOC</li>
</ul>
</li>
<li>Independent expand/collapse behavior for different TOC modes</li>
<li>Auto insert TOC into content</li>
<li>Support for custom post types</li>
<li>Gutenberg-compatible (works seamlessly with block editor content)</li>
<li>Fully internationalized (i18n ready)</li>
<li>Lightweight, clean OOP architecture</li>
</ul>
<h3>Designed for</h3>
<p>cclin Smart Table of Contents is especially suitable for:</p>
<ul>
<li>Long-form blog posts</li>
<li>Technical tutorials</li>
<li>Documentation websites</li>
<li>Knowledge bases</li>
<li>Structured academic or research content</li>
</ul>
<h3>Customization</h3>
<p>Instead of requiring users to write custom CSS, the plugin provides structured options such as:</p>
<ul>
<li>Heading levels selection</li>
<li>Numbering toggle</li>
<li>Display position control</li>
<li>Sticky offset settings</li>
<li>Expand / collapse behavior</li>
</ul>
<p>This ensures both flexibility and safety while maintaining performance and compatibility.</p>
<h3>Third-Party Libraries</h3>
<p>This plugin bundles the following third-party library:</p>
<ul>
<li>Select2 (https://github.com/select2/select2)<br />
License: MIT<br />
License file included in: /assets/vendor/select2/LICENSE</li>
</ul>


cclin Smart Table of Contents

A lightweight, reading-focused Table of Contents (TOC) plugin optimized for long-form articles, documentation, and structured content.

TOC Builder by RobertIvan vs cclin Smart Table of Contents