M Asif Rahman

Rupok

WPDeveloper

Rahat Hossain

Md Monir Hossain

Hanzala Taifun

<p><strong>Table of Contents</strong> is a roadmap for your whole content and helps your readers to locate specific parts of the page to go directly to that section.</p>
<p>Using Table of Contents Block (TOC), you can improve the reading experience, accessibility, page SEO score & help your visitors to easily navigate.</p>
<p>You don’t need any coding to create TOC in Gutenberg. Just install this block plugin & use Table of Content within Block Editor for WordPress.</p>
<p><strong>⚙️ Completely Customizable:</strong> You can customize and pick the heading tags which you want to appear on your Table of Contents.</p>
<p><strong>⚡ Super Light-weight:</strong> No extra resources used and it’s highly optimized to automatically add Table of Contents inside your post or pages.</p>
<p><strong>🧑‍💻 Dedicated Support:</strong> We’ve an extraordinary support team ready to help you. Ask your questions in the support forum, we’ll get back to you immediately.</p>
<h3>🎁 GET ACCESS TO 22+ MORE FREE BLOCKS FOR WORDPRESS BLOCK EDITOR</h3>
<p>Get <a href="https://wordpress.org/plugins/essential-blocks/" rel="ugc">Essential Blocks Gutenberg</a> editor – an advanced blocks library to power up your Gutenberg design experience. It brings stunning blocks including:</p>
<ul>
<li><a href="https://essential-blocks.com/docs/infobox/" rel="nofollow ugc">EB Infobox</a></li>
<li><a href="https://essential-blocks.com/docs/heading/" rel="nofollow ugc">EB Heading</a></li>
<li><a href="https://essential-blocks.com/docs/image-gallery/" rel="nofollow ugc">EB Image Gallery</a></li>
<li><a href="https://essential-blocks.com/docs/instagram-feed/" rel="nofollow ugc">EB Instagram Feed</a></li>
<li><a href="https://essential-blocks.com/docs/parallax-slider/" rel="nofollow ugc">EB Parallax Slider</a></li>
<li><a href="https://essential-blocks.com/docs/dual-button/" rel="nofollow ugc">EB Dual Button</a></li>
<li><a href="https://essential-blocks.com/docs/typing-text/" rel="nofollow ugc">EB Typing Text</a></li>
<li><a href="https://essential-blocks.com/docs/notice/" rel="nofollow ugc">EB Notice</a></li>
<li><a href="https://essential-blocks.com/docs/progress-bar/" rel="nofollow ugc">EB Progress Bar</a></li>
<li><a href="https://essential-blocks.com/docs/slider" rel="nofollow ugc">EB Slider</a></li>
<li><a href="https://essential-blocks.com/docs/social/" rel="nofollow ugc">EB Social</a></li>
<li><a href="https://essential-blocks.com/docs/team-member/" rel="nofollow ugc">EB Team Member</a></li>
<li><a href="https://essential-blocks.com/docs/testimonial/" rel="nofollow ugc">EB Testimonial</a></li>
<li><a href="https://essential-blocks.com/docs/block-wrapper/" rel="nofollow ugc">EB Block Wrapper</a></li>
<li><a href="https://essential-blocks.com/docs/pricing-table/" rel="nofollow ugc">EB Pricing Table</a></li>
<li><a href="https://essential-blocks.com/docs/flipbox/" rel="nofollow ugc">EB Flipbox</a></li>
<li><a href="https://essential-blocks.com/docs/image-comparison/" rel="nofollow ugc">EB Image Comparison</a></li>
<li><a href="https://essential-blocks.com/docs/call-to-action/" rel="nofollow ugc">EB Call To Action</a></li>
<li><a href="https://essential-blocks.com/docs/button/" rel="nofollow ugc">EB Button</a></li>
<li><a href="https://essential-blocks.com/docs/interactive-promo/" rel="nofollow ugc">EB Interactive Promo</a></li>
<li><a href="https://essential-blocks.com/docs/accordion/" rel="nofollow ugc">EB Accordion</a></li>
<li><a href="https://essential-blocks.com/docs/countdown/" rel="nofollow ugc">EB Countdown</a> + more coming soon</li>
</ul>
<h3>🚀 BACKED BY A TRUSTED TEAM</h3>
<p>This Block plugin is brought to you by WPDeveloper, the team behind the most popular elements library Essential Addons for Elementor (used by almost 1 million+ happy users from around 180 countries).</p>
<h3>⚡ SUPPORT & DOCUMENTATION</h3>
<p>🧑‍💻 If you have any more questions, visit our support on the Plugin’s Forum</p>
<p>🌐 For more information about features, FAQs and documentation, check out our website at <a href="https://essential-blocks.com/" rel="nofollow ugc">Essential Blocks for Gutenberg</a></p>
<h3>🙌 JOIN THE COMMUNITY</h3>
<ul>
<li>🎦 Subscribe to our Youtube Channel to watch video tutorials on WordPress</li>
<li>🤝 Join our Facebook Community & get connected with expert web creators like yourself</li>
<li>🧡 LOVED this plugin? Rate us on WordPress Repository</li>
</ul>
<h3>🔥 GET FREEBIES FOR YOUR WORDPRESS SITE</h3>
<p>Consider checking out our other WordPress solutions & boost your WordPress website:</p>
<p><strong>🔝 <a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons For Elementor</a>:</strong> Most popular Elementor addons with 70+ widgets & ready blocks</p>
<p><strong>☁ <a href="https://wordpress.org/plugins/templately/" rel="ugc">Templately</a>:</strong> Free templates library for Elementor & Gutenberg along with the cloud collaboration for WordPress</p>
<p><strong>🔔 <a href="https://wordpress.org/plugins/notificationx/" rel="ugc">NotificationX</a>:</strong> Best Social Proof & FOMO Marketing Solution to increase conversion rates</p>
<p><strong>📚 <a href="https://wordpress.org/plugins/betterdocs/" rel="ugc">BetterDocs</a>:</strong> Best Documentation & Knowledge Base Plugin for WordPress reduce manual support tickets & improve user experience.</p>
<p><strong>⏰ <a href="https://wordpress.org/plugins/wp-scheduled-posts/" rel="ugc">WP Scheduled Posts</a>:</strong> Advanced editorial calendar & complete solution for WordPress Post Scheduling, social sharing, missed scheduled alerts and more.</p>
<p><strong>⭐ <a href="https://wordpress.org/plugins/reviewx/" rel="ugc">ReviewX</a>:</strong> WooCommerce Product review plugin that allows users to submit product reviews with multiple criteria, photos, video and more</p>
<p><strong>♾️ <a href="https://wordpress.org/plugins/embedpress/" rel="ugc">EmbedPress</a>:</strong> Embed anything and everything in WordPress without any coding</p>
<p><strong>⚡ <a href="https://wordpress.org/plugins/flexia" rel="ugc">Flexia</a>:</strong> Most lightweight, customizable & multi purpose theme for WordPress</p>
<h3>Modern Way:</h3>
<ol>
<li>Go to the WordPress Block/Gutenberg Editor</li>
<li>Search For “Table of Contents Block”</li>
<li>Install in 1-click</li>
</ol>
<h3>Manual Installation:</h3>
<ol>
<li>Upload table-of-contents-block to the /wp-content/plugins/ directory</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress</li>
</ol>


Table Of Contents Block


Gutenberg / the block editor already adds enough bloat. This plugin contributes even more to that, adding at least 4 stylesheets. 



"SimpleTOC – Table of Contents Block" by Marc Tönsing does a much better job, in my opinion. 



This plugin does have a lot of nifty options, that those of you not concerned about your site's performance may be interested in having.


Adds bloat to your site

Automatically Add Table of Contents Block for your WordPress Posts & Pages

Marc Tönsing

<p>Add a Table of Contents block to your posts and pages. The TOC is a nested list of links to all heading found in the post or page. To use it, simply add a block and search for “SimpleTOC” or just “TOC”.</p>
<p>The maximum depth of the toc can be configured in in the blocks’ sidebar among many other options. There can hide the headline “Table of Contents” and add your own by using a normal heading block.</p>
<p>SimpleTOC is open-source and developed on <a href="https://github.com/mtoensing/SimpleTOC" rel="nofollow ugc">GitHub Pages</a>. If you find a bug or have an idea for a feature please feel free to contribute and create a pull request.</p>
<p><a href="https://demo.tastewp.com/simpletoc" rel="nofollow ugc">Spin up</a> a new WordPress instance with the SimpleTOC plugin already installed.</p>
<h4>Accessibility</h4>
<p>This plugin is designed & developed for WCAG 2.2 level AA conformance. The plugin is tested with assistive technology and intended to be accessible, however some third party plugins or themes may affect the individual accessibility on a given website. If you find an accessibility issue, please let us know and we’ll try to address it promptly.</p>
<h4>Features</h4>
<ul>
<li>Designed for Gutenberg.</li>
<li>Zero configuration: Add the SimpleTOC block to your post and that’s it. </li>
<li>Minimal and valid HTML output.</li>
<li>Utilizes the browser’s built-in details tag for a collapsible interface.</li>
<li>No JavaScript or CSS added. Unless you activate the accordion menu.</li>
<li>Style SimpleTOC with Gutenberg’s native group styling options.</li>
<li>Inherits the style of your theme.</li>
<li>Smooth scrolling effect using CSS. </li>
<li>Accessibility built-in by following web standards.</li>
<li>Optional ARIA Label and navigation role attributes.</li>
<li>Translated in <a href="https://translate.wordpress.org/projects/wp-plugins/simpletoc/" rel="nofollow ugc">multiple languages</a>. Including German, Japanese, Chinese (Taiwan), Dutch, Brazilian Portuguese, French, Spanish and Latvia.</li>
<li>Ideal for creating a Frequently Asked Questions section on your website.</li>
</ul>
<h4>Customization</h4>
<ul>
<li>Administrators can utilize global settings to supersede the individual block settings.</li>
<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, bullet HTML list. Or indent the list.</li>
<li>Select a heading level or turn it into a paragraph.</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 popular AMP plugins.</li>
</ul>
<h3>Credits</h3>
<p>This plugin is forked from <a href="https://github.com/pdewouters/gutentoc" rel="nofollow ugc">pdewouters</a> and uses code from <a href="https://github.com/shazahm1/Easy-Table-of-Contents" rel="nofollow ugc">Easy-Table-of-Contents</a></p>
<p>Many thanks to <a href="https://tomjn.com" rel="nofollow ugc">Tom J Nowell</a> and and Sally CJ who both helped me a lot with my questions over at wordpress.stackexchange.com</p>
<p>Thanks to Quintus Valerius Soranus for inventing the Table of Contents around 100 BC.</p>


SimpleTOC – Table of Contents Block

This is the simplest plugin which works perfectly what it is meant for.

Awesome Plugin

<p>I like the plugin a lot. It's simple. It works pretty well and has a few configurations but not too many. Thanks for it!<br />(I am using it to learn Wordpress blocks development, which coming from PHP I think it's quite a challenge. Blocks change the development weight from PHP to JS/React a lot!)</p>

Simple TOC it's just ... simple


Creating and maintaining a plugin requires a significant amount of effort and dedication. It is not a task that can be undertaken by everyone, as it requires an individual with a genuine interest and energy to deliver a product that evolves from being good enough to becoming a perfect product.



We encountered some challenges while using your plugin, but we were pleased to discover that the issue was addressed before we could even report it. We would like to express our sincere appreciation for your active development efforts, which have resulted in the release of version 6.0.2.


Lightweight, effective, actively-maintained


I tested 8-10 table of contents plugins for keyboard and screen reader accessibility and this plugin was by far the best. There was one issue with the accordion that caused a problem for screen reader users, so I opened a support forum thread and the developer released a fix within a few hours. Wow!



This plugin is easy to use, has great HTML markup, and it's refreshing to find a developer who takes accessibility seriously. I'd give it 10 stars if I could. Don't even look for another table of contents plugin.


Great plugin that prioritizes accessibility!


Simple, easy to style, to the point and most importantly – works in FSE templates out of the box. No annoying nags in the WP Admin. Thanks!


Works in FSE templates


This is an excellent plugin that easily adds table of contents in your posts / pages and it provides links to the relevant headings.



Does exactly what I want and I would highly recommend it if you are looking for an easy to use tale of contents block plugin.



Thanks so much for sharing.


Great plugin that works really well


Comparing this to the "Table Of Contents Block" by WPDeveloper, I prefer this one because:




It just works automatically.



It has less options, but just enough to do what you need.



It adds nothing to the frontend to cause bloat. No CSS, no JS. At least not right out of the box. Additional settings can be enabled that will add these, but it's nice that we have the option!




This is an example of what a well-written plugin should be.


Does the job perfectly, and adds no bloat

SEO-friendly Table of Contents Gutenberg block. No JavaScript and no CSS means faster loading.

Table Of Contents Block vs SimpleTOC – Table of Contents Block