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.

Jose Varghese

<p>Have you ever wanted to quickly copy a link to a specific heading section of your content for bookmarking, sharing with friends or colleagues, or jumping straight to a heading without scrolling through the entire page? Then, “Copy Link to Heading” plugin makes it effortless!</p>
<p>The Copy Link to Heading plugin automatically adds a small, unobtrusive link icon next to the headings in your posts, pages, or custom post types. With just one click, users can copy a direct anchor link to the heading section for:</p>
<ul>
<li>Bookmarking the heading so they can continue reading later without scrolling.</li>
<li>Having anchor links will helps in your SEO.</li>
<li>You can easily share specific heading content sections with friends and colleagues or on social media.</li>
<li>Navigate quickly to a specific part of a long article or documentation.</li>
<li>Enhancing accessibility by enabling deep linking to specific sections.</li>
<li>Supports screen readers with proper <code>aria-label</code> attributes, keyboard navigation (Enter/Space keys), and <code>aria-live</code> region announcements when a link is copied.</li>
</ul>
<p>The plugin is designed to be lightweight and user-friendly. It is perfect for blogs, documentation sites, WooCommerce stores, and any site with long-form content.</p>
<p><strong>Key Features of Copy Link to Heading:</strong><br />
– Copy Link to Heading plugin, adds a link icon next to the selected heading levels (H2, H3, etc.) based on your preferences selected within the settings page.<br />
– We support posts, pages, and custom content post types.<br />
– Easily customizable heading levels to display the link icon.<br />
– Compatible with WooCommerce product pages and other custom post types.<br />
– Generates anchor links, section links, and deep links for improved navigation with your pages.<br />
– Very simple settings page for quick configuration.<br />
– Lightweight and optimized for performance.<br />
– Option to always show the copy link to the heading icon for mobile devices.<br />
– Option to add a tooltip for the link icon or to choose the browser alert for copying the link of the heading.<br />
– The link icon effortlessly scales with the heading text size using relative sizing.<br />
– Option to enable smooth scrolling when navigating to anchor links on the page.<br />
– Option to briefly highlight the target heading when a visitor arrives via an anchor link, with a customizable highlight color.</p>
<h3>How does the anchor links are generated?</h3>
<ul>
<li>When the page loads, the plugin automatically generates anchor links for headings on the frontend. No changes are required in the WordPress editor or post content.</li>
<li>If a heading already has an anchor link, the plugin uses the existing anchor link URL for the “copy link” functionality.</li>
<li>Even if the heading text is modified later, the plugin dynamically generates the anchor link when the page is loaded on the front end based on the heading text. That means any changes made in the editor will not cause issues with link functionality.</li>
<li>This seamless approach ensures the plugin adapts to changes in content while maintaining reliable and accurate linking.</li>
<li>So, install the “Copy Link to Heading” plugin on your WordPress website and configure the settings based on your preference to decide which content types and heading levels you want to show the copy link to the heading icon for.</li>
<li>Our plugin will do everything on the front end out of the box without any hassle.</li>
</ul>
<p><strong>Use Cases with the Page Jumps?:</strong><br />
– The <strong>copy links to specific headings</strong> using a heading URL generator created by us, which makes it easy to share with others or reference in emails or social media. And when clicked via the link, the page will jump to the specific heading.<br />
– You can <strong>bookmark the heading sections of long articles or documentation for easy navigation</strong>. Once you click the link, the heading will open using the anchor links.<br />
– <strong>Enable deep linking to improve user experience</strong> on content-heavy websites.<br />
– <strong>Help readers and collaborators</strong> quickly access key sections of your content with a bookmark link generator.</p>
<p>Whether managing a blog, a technical documentation site, or a WooCommerce store, this plugin ensures your audience can easily navigate and share content.</p>


Copy Link to Heading – Easily add Anchor links for Headings

Adds a copy link icon to headings for easy copying anchor links, that helps to bookmarking, sharing, and navigation within the content.

TOC Builder by RobertIvan vs Copy Link to Heading – Easily add Anchor links for Headings