Wasseem Khayrattee

<h3>About</h3>
PloverToc is a simple and efficient WordPress plugin that automatically generates a table of contents (TOC) for your posts, pages and custom post types. By using a shortcode, you can easily insert a TOC that helps your readers navigate through your content by providing direct links to different sections. You can also customize the heading levels included in the TOC.
It’s focused on providing a sound TOC interface with no “bells and whistles”. While it does come with some helpful features for customizing the included heading levels via shortcode attributes, the esthetic design and styling of the TOC is left to the user to implement using their own CSS.
Additionally, it does add SiteNavigationElement schema to enhance your site’s SEO.
<h3>Features</h3>
<ul>
<li>Automatically generate a table of contents for your posts and pages.</li>
<li>Customizable heading levels to include in the TOC (e.g., H1, H2, H3).</li>
<li>Collapse TOC on page upload, without any JavaScript.</li>
<li>This plugin is 100% javascript-free.</li>
<li>Simple shortcode to insert the TOC anywhere in your content.</li>
<li>Compatible with the latest version of WordPress with Gutenberg.</li>
<li>Compatible with the Classic Editor as well.</li>
<li>Users are responsible for styling the TOC using their own CSS.</li>
<li>Custom post types are supported, as long as their content is output with the the_content() template tag.</li>
<li>Will generate SiteNavigationElement schema to enhance SEO, this can be turned off via shortcode attribute.</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>PHP >= 8.0</li>
<li>WordPress >= 6.4.0</li>
</ul>
<h3>Contributing</h3>
The best way to contribute to the development of this plugin is by participating on the GitHub project:
<a href="https://github.com/PloverHub/plover-toc" rel="nofollow ugc">https://github.com/PloverHub/plover-toc</a>
There are many ways you can contribute:
<ul>
<li>Raise an issue if you found one</li>
<li>Create/send us a Pull Request with your bug fixes and/or new features</li>
<li>Provide us with your feedback and/or suggestions for any improvement or enhancement</li>
<li>Translation – this is an area we are yet to do</li>
</ul>

PloverToc

Automatically generate a TOC for posts, pages and custom post types by parsing headers. It adds ID anchor attributes for proper in-page links.

jamesckemp

Simply use the <code>[toc content=".your-container"]</code> shortcode to automatically generate a table of contents for any HTML container.
The shortcode accepts a number of parameters:
<ul>
<li><code>content</code> string required 
A CSS selector indicating the container of your content.</li>
<li><code>headers</code> string 
A comma separated list of heading selectors that you want to include.</li>
<li><code>speed</code> int 
Speed of sliding back to top.</li>
<li><code>anchor-class</code> string 
Class of anchor links.</li>
<li><code>anchor-text</code> string 
Prepended or appended to anchor headings. Leave blank to disable anchor links.</li>
<li><code>top_class</code> string 
Back to top button or link class.</li>
<li><code>spy</code> true/false 
Enable scroll spy. This will highlight the list items as you scroll past them.</li>
<li><code>position</code> append/prepend 
Position of anchor text.</li>
<li><code>spy-offset</code> int 
Specify heading offset for spy scrolling.</li>
</ul>

Shortcode Table of Contents

Display an automated table of contents via shortcode.

PloverToc vs Shortcode Table of Contents