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.

ayushag96

<p>Make nice and noticable boxes like info box, alert box, success box, warning box etc. in your posts using shortcodes. These boxes are very easy to add and very attractive.</p>
<p>Special Features:</p>
<ul>
<li>Close button for the Notice Boxes which can close the box on click</li>
<li>Easily make text in the box center aligned.</li>
<li>Various kinds of boxes for different messages</li>
<li>Add notice boxes using shortcodes (very easy)</li>
<li>A special page on your wordpress dashboard with all the help and reference material you need</li>
</ul>
<p>For more information see Screenshots and FAQ!</p>


Notice Boxes with Shortcodes

This plugin allows you to make notice boxes (styled content boxes of different colors) to display different messages via shortcodes.

TOC Builder by RobertIvan vs Notice Boxes with Shortcodes