pavlobondarchuk

Simple Sticky TOC automatically generates a sticky table of contents for single posts or pages by parsing <code><h2></code>, <code><h3></code>, and <code><h4></code> tags. It is lightweight, mobile-friendly, and works without jQuery.
Features: 
– Automatically detects and anchors h2–h4 headings 
– Sticky TOC with vertical layout on desktop 
– Sticky toggleable TOC on mobile 
– Built-in RTL support (positioning + layout) 
– Option to disable TOC on individual posts 
– Option to customize TOC layout from your theme 
– Auto-generated anchor IDs for headings 
– Clean CSS, pure JavaScript, no jQuery
<h3>Theme Override Support</h3>
To override the default markup or styles:
<ol>
<li>
Copy the default template files from the plugin:
<ul>
<li><code>frontend/partials/toc-template.php</code></li>
<li><code>assets/css/toc.css</code></li>
<li><code>assets/js/toc.js</code></li>
</ul>
</li>
<li>
Paste them into your theme inside the following folder:
<ul>
<li><code>your-theme/simple-sticky-toc/</code></li>
</ul>
</li>
</ol>
Supported override files:
<ul>
<li><code>simple-sticky-toc/toc-template.php</code> – custom TOC markup</li>
<li><code>simple-sticky-toc/toc.css</code> – custom styles</li>
<li><code>simple-sticky-toc/toc.js</code> – custom JS behavior</li>
</ul>

Simple Sticky TOC

Lightweight sticky table of contents for mobile and desktop. Automatically generates anchor links for h2–h4 headings. No jQuery.

Jose Varghese

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!
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:
<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>
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.
Key Features of Copy Link to Heading: 
– 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. 
– We support posts, pages, and custom content post types. 
– Easily customizable heading levels to display the link icon. 
– Compatible with WooCommerce product pages and other custom post types. 
– Generates anchor links, section links, and deep links for improved navigation with your pages. 
– Very simple settings page for quick configuration. 
– Lightweight and optimized for performance. 
– Option to always show the copy link to the heading icon for mobile devices. 
– Option to add a tooltip for the link icon or to choose the browser alert for copying the link of the heading. 
– The link icon effortlessly scales with the heading text size using relative sizing. 
– Option to enable smooth scrolling when navigating to anchor links on the page. 
– Option to briefly highlight the target heading when a visitor arrives via an anchor link, with a customizable highlight color.
<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>
Use Cases with the Page Jumps?: 
– The copy links to specific headings 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. 
– You can bookmark the heading sections of long articles or documentation for easy navigation. Once you click the link, the heading will open using the anchor links. 
– Enable deep linking to improve user experience on content-heavy websites. 
– Help readers and collaborators quickly access key sections of your content with a bookmark link generator.
Whether managing a blog, a technical documentation site, or a WooCommerce store, this plugin ensures your audience can easily navigate and share content.

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.

Simple Sticky TOC vs Copy Link to Heading – Easily add Anchor links for Headings