Tapan Kumer Das

WPWing

<p>Add an SEO-friendly Table of Contents(TOC) block to your posts and pages, which scans headings through the content and creates the TOC automatically. The TOC is a nested list of links to all headings found in the post or page. To use it, simply add the “Table of Contents” block. You can search for “TOC” to get this block.</p>
<p>You can hide the headline “Table of Contents” from the block’s sidebar and add your own by using a normal heading block.</p>
<p>⚙️ Completely Customizable: You can customize and pick the heading tags that you want to appear on your Table of Contents.</p>
<p>⚡ Super Lightweight: No extra resources are used and it’s highly optimized to automatically add a Table of Contents inside your post or pages.</p>
<p>🧑‍💻 Dedicated Support: We’ve got an extraordinary support team ready to help you. Ask your questions in the support forum, we’ll get back to you immediately.</p>
<h4>Features</h4>
<ul>
<li>Zero-configuration: Add the “Table of Contents” block to your post and that’s it.</li>
<li>Minimal and valid HTML output.</li>
<li>No JavaScript added.</li>
<li>Designed for Gutenberg.</li>
<li>Style “Table of Contents” with Gutenberg’s native group styling options.</li>
<li>Inherits the style of your theme.</li>
</ul>
<h4>Customization</h4>
<ul>
<li>Add background and text color with Gutenberg groups.</li>
<li>Native block support for wide and full width.</li>
<li>Control the maximum depth of the headings.</li>
<li>Choose between an ordered and unordered HTML list.</li>
<li>Toggle list indent.</li>
<li>Disable the h2 heading of the TOC block and add your own.</li>
</ul>
<h4>Compatibility</h4>
<ul>
<li>GeneratePress and Rank Math support.</li>
<li>Works with all popular AMP plugins.</li>
</ul>
<h4>About WPWing</h4>
<p>WPWing is a startup that creates quality WordPress/WooCommerce plugins/add-ons you searching for.</p>


Table Of Contents Block

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.

Table Of Contents Block vs F70 Simple Table of Contents