Wasseem Khayrattee

<h3>About</h3>
<p>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.</p>
<p>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.</p>
<p>Additionally, it does add SiteNavigationElement schema to enhance your site’s SEO.</p>
<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>
<p>The best way to contribute to the development of this plugin is by participating on the GitHub project:</p>
<p><a href="https://github.com/PloverHub/plover-toc" rel="nofollow ugc">https://github.com/PloverHub/plover-toc</a></p>
<p>There are many ways you can contribute:</p>
<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.

niao70

<p>This plugin display a table of contents at “Read More” block in your post. It is automatically created from the post headings (H2, H3).</p>
<p>This plugin does not have any javascript features such as smooth scrolling or folding. So if you mind about page speed or plugins confliction, you will love this.</p>
<p>You can set 2 settings each post.</p>
<ul>
<li>Display the table of contents (defalut = OFF)</li>
<li>Heading levels included in the table of contents (default = H2 only, or H2 + H3)</li>
</ul>
<h4>Notice</h4>
<ul>
<li>This plugin works if you use H2 ( and H3 and lesser ) headings in your posts.</li>
<li>Headings hierarchy must be preserved. For example, H3 not after H2 does not appear in the table of contents.</li>
</ul>
<h3>Edit Appearance</h3>
<p>To edit the appearance of the table of contents, write CSS. You can use “Customize > Additional CSS” or theme style sheets.</p>
<p>For example</p>
<p>Turn the box background a pale blue :</p>
<pre><code>#f70stoc.table-of-contents{
    background-color: #effcff;
}
</code></pre>
<p>Remove list marker :</p>
<pre><code>#f70stoc.table-of-contents ol{
    list-style-type: none;
}
</code></pre>
<p>Increase the space between the border and the text :</p>
<pre><code>#f70stoc.table-of-contents ol li{
    padding: 1em 0;
}
</code></pre>


F70 Simple Table of Contents

Display a table of contents in your posts by automatically generated from the headings. No Javascript code, simple to use.

PloverToc vs F70 Simple Table of Contents