Tapan Kumer Das

WPWing

<p>Boost your site’s SEO and maximize reader engagement with the <strong>Table of Contents (TOC) Block – Fast & SEO Friendly</strong>.</p>
<p>Long articles can overwhelm readers, causing them to leave your site early. This plugin automatically scans your content headings and generates a clean, nested list of anchor links. This allows users to jump directly to the section they need, decreasing bounce rates and satisfying search engines like Google.</p>
<p>Unlike clunky legacy plugins, our Table of Contents block is custom-built for the modern WordPress Gutenberg editor. It adds <strong>zero JavaScript</strong> to your frontend, keeping your website lightning-fast and ensuring you score perfectly on Core Web Vitals.</p>
<h3>⚡ Super Lightweight & Performance-First</h3>
<p>We know page speed matters for SEO. Our block generates minimal, valid HTML and injects absolutely no extra resources or external scripts. It’s built to perform seamlessly without adding bloat to your database or frontend.</p>
<h3>🎨 Complete Customization Control</h3>
<p>Unlike plugins that lock basic layout settings behind a pro version, you get full control over your layout directly inside the native block settings:<br />
* <strong>Style Natively:</strong> Easily add background colors, custom padding, and text colors by wrapping the TOC inside standard Gutenberg groups.<br />
* <strong>Flexible Layouts:</strong> Full native block support for both Wide Width and Full Width settings to match your theme.<br />
* <strong>Depth Control:</strong> Choose exactly which headings to include by restricting the maximum depth (e.g., show only H2 and H3, hide H4+).<br />
* <strong>HTML Flexibility:</strong> Choose between an Ordered (numbered) or Unordered (bulleted) HTML list structure for better semantic SEO.<br />
* <strong>Tidy Formatting:</strong> Toggle list indents on or off with a simple click to keep deep nesting looking clean.<br />
* <strong>Header Freedom:</strong> Disable the built-in H2 headline of the TOC block entirely from the sidebar, allowing you to write your own personalized introduction using standard heading blocks.</p>
<h3>🚀 Key Features At A Glance</h3>
<ul>
<li><strong>100% Automated:</strong> Scans content instantly to generate accurate internal jump links.</li>
<li><strong>Pure Performance:</strong> Zero JavaScript added to the frontend—fully optimized for page speed.</li>
<li><strong>Designed for Gutenberg:</strong> Integrates natively into the WordPress block editor experience.</li>
<li><strong>Responsive Layouts:</strong> Inherits theme styles fluidly for perfect rendering on mobile devices.</li>
</ul>
<h3>🔌 Ultimate Compatibility</h3>
<p>We ensure our block plays nicely with your entire WordPress stack.<br />
* Fully supports <strong>Rank Math</strong> and top-tier SEO plugins for schema optimization.<br />
* Works seamlessly with the <strong>GeneratePress</strong> theme and major page frameworks.<br />
* 100% compatible with popular <strong>AMP plugins</strong> for mobile-first rendering.</p>
<h3>🧑‍💻 Dedicated Startup Support</h3>
<p>At WPWing, we are committed to building high-quality, lightweight utility plugins for WordPress and WooCommerce. Our dedicated support team responds rapidly to the support forums to help you resolve any issues instantly.</p>


Table of Contents (TOC) Block – Fast & SEO Friendly

Instantly add an SEO-friendly, automated, and hyper-fast Table of Contents block to your posts and pages. Fully optimized for Gutenberg and Core Web V …

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 (TOC) Block – Fast & SEO Friendly vs F70 Simple Table of Contents