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.

Noruzzaman

WP Messiah

BoomDevs

MD Robin Islam

Md Enamul Haq

<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Elu0ZWOBw9Q?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>Introducing <strong>TOP Table of Contents</strong>, the WordPress plugin that allows you to easily add an <strong>SEO-friendly & Best Table of Contents</strong> to your WordPress posts and pages, making your site more appealing to your visitors and improving your site’s overall impression on Google. It Makes it easy for visitors to find the content they need on your site.</p>
<p><strong>TOP Table of Contents</strong> is the perfect plugin for content-rich websites. It automatically inserts the best Table of Contents into your posts and pages, making it easier for readers to find what they’re looking for. Plus, the SEO-friendly code ensures that your website will rank higher on search engine results pages. With TOP Table of Contents, you can also choose to exclude certain headings, change the font and color, and more.</p>
<p><strong>TOP Table of Contents</strong> supports SEO and responsiveness. It works seamlessly on any device or browser! Also, it enhances your site’s SEO, and Google will use SEO Friendly code to display rich snippets on the result page. Also trusted by many WordPress users as the best Table of Contents Plugin for WordPress.</p>
<p>✨ <strong>Elevate your content with TOP Table of Contents</strong></p>
<p>🎨 Stunning Templates</p>
<p>🖌️ Unlimited Customization</p>
<p>🚀 Sticky TOC On Scroll</p>
<p>🌊 Floating TOC & Navigation</p>
<p>📊 Progress Bar at Top</p>
<h3>Features</h3>
<ul>
<li>Designed for Gutenberg & other page builders.</li>
<li>Auto Insert TOC into posts or pages.</li>
<li>Manually insert TOC by shortcode.</li>
<li>Compatible with posts, pages, and any other public post types.</li>
<li>Show headings at the depth you specify (From H2 to H4).</li>
<li>Toggle Show/Hide Options.</li>
<li>SEO Friendly.</li>
<li>Support Rank Math.</li>
<li>Insert with shortcodes, Gutenberg blocks, or widgets.</li>
<li>3 Unique premade templates to choose from.</li>
<li>Options for bulleted, numbered, or plain lists.</li>
<li>Customize Width Options: Min/Max Width or 100% Width.</li>
<li>Customize Font Size, Font Weight Options.</li>
<li>Colors fully customizable.</li>
<li>Shadow options.</li>
<li>Toggle Show/Hide Options.</li>
<li>Exclude the heading option.</li>
<li>Smooth scrolling.</li>
<li>AMP-compatible.</li>
<li>RTL support.</li>
</ul>
<h3>COMPATIBILITY</h3>
<ul>
<li>Page Builders like Elementor, Gutanbarg, Beaver Builder & Others Page Builder.</li>
<li>WP Rocket.</li>
<li>Works with popular AMP plugins.</li>
<li>Compatible with All types of SEO Plugin.</li>
<li><strong>Rank Math Compatibility  <a href="https://rankmath.com/compatibility/top-table-of-contents/" rel="nofollow ugc">Officially Confirmed</a>.</strong></li>
</ul>
<p>Do you want more features from your wordpress table of contents plugin? Upgrade to the pro version of the “Top Table of Contents” plugin and unlock a world of advanced features!</p>
<h3>With the pro version, you’ll get access to:</h3>
<ul>
<li><strong>More Eye-Catching & Stunning Premade Templates</strong> – Choose from a variety of templates to match your website’s design.</li>
<li><strong>Sticky Special TOC On Scroll</strong> – Easily navigate your content with the “Sticky Special TOC On Scroll” feature for a seamless reading experience.</li>
<li><strong>Floating TOC</strong> – Creates a floating TOC that is great for design and navigation. The floating TOC can be positioned anywhere on the page, allowing you to adjust it based on the user’s needs with unlimited color and customization settings. This makes it perfect for long documents that need to provide easy navigation.</li>
<li><strong>Floating TOC with Navigation</strong> – Navigate the floating TOC without opening it and go to the next or previous section with easy navigation. This feature allows the reader to have a fluid reading experience, allowing them to quickly switch between topics without having to open the table of contents.</li>
<li>
<p><strong>Progress bar</strong> – Let the visitor know where they are in the content with a progress bar  at the top. The visitor should be able to see how far they have read in a document. This can help them stay engaged and motivated to complete the content.</p>
</li>
<li>
<p><strong>Customization Panel With Live Preview</strong> – Transform your table of contents with the intuitive Customization Panel featuring a live preview for real-time design adjustments.</p>
</li>
<li><strong>Unlimited Customization Options</strong> – Transform your table of contents with endless customization possibilities.</li>
<li><strong>Sub-Heading Toggle Options</strong> – Expand and collapse subheadings with ease using the versatile Sub-Heading Toggle Options.</li>
<li><strong>Active Heading Navigation</strong> – Experience seamless navigation with the “Active Heading Navigation” feature.</li>
<li><strong>Premium support</strong> – Get access to top-notch support from the developers of the plugin.</li>
<li><strong>Several other features</strong> –  Discover a multitude of additional features that enhance your table of contents experience.</li>
</ul>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/6yDPvyD1xDg?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>Don’t settle for a basic table of contents plugin. Upgrade to the pro version of the “Top Table of Contents” today and elevate your website to the next level!</p>
<p><a href="https://wpmessiah.com/products/wordpress-table-of-contents/" rel="nofollow ugc">Get the Pro</a></p>
<p><a href="https://demo.wpmessiah.com/table-of-contents/" rel="nofollow ugc">View Demo</a></p>
<p><a href="https://docs.wpmessiah.com/docs/wordpress-table-of-contents/" rel="nofollow ugc">Read Documentation</a></p>
<p><a href="https://support.wpmessiah.com/" rel="nofollow ugc">Submit Ticket</a></p>
<p>Made with ❣️ By <a href="https://wpmessiah.com/" rel="nofollow ugc">WP Messiah</a></p>
<p><strong>If you really like this plugin please don’t forget to give us your rating. Thanks so much!</strong> ⭐⭐⭐⭐⭐</p>
<h3>🚀 Check out our Other Products 🚀</h3>
<p>Here are some of our amazing plugins that you can use to boost your WordPress website:</p>
<p><a href="https://wordpress.org/plugins/mobile-bottom-menu-for-wp/" rel="ugc">📱 WP Mobile Bottom Menu 📱</a>: Streamline navigation for mobile users, making it easier for them to explore your website on their phones or tablets.</p>
<p><a href="https://wordpress.org/plugins/ai-co-pilot-for-wp/" rel="ugc">🤖 WP AI CoPilot 🤖</a>: Create content like a pro with the best AI content writer plugin for WordPress. Let AI assist you in crafting engaging and high-quality articles effortlessly.</p>
<p><a href="https://wordpress.org/plugins/product-badge-manager-for-woocommerce/" rel="ugc">🎖️ Product Badge Manager For WooCommerce 🎖️</a>: Boost sales by attracting customers with eye-catching promotional product badges. Encourage them to explore and make purchases with confidence.</p>
<p><a href="https://wordpress.org/plugins/tribute-testimonial-gridslider/" rel="ugc">👥 Tribute Testimonials – WordPress Testimonial Grid/Slider 👥</a>: Build any grid or slider layout using the drag-and-drop Testimonial Builder. Showcase positive feedback from satisfied customers and build trust with your audience.</p>
<p><a href="https://wordpress.org/plugins/unlimited-elementor-inner-sections-by-boomdevs/" rel="ugc">🔳 Unlimited Elementor Inner Sections 🔳</a>: Unlock the full potential of Elementor with unlimited inner sections. Now, you can create and customize as many inner sections as you desire, giving you complete design freedom.</p>
<h3>Support</h3>
<p>If you have any questions, please email us at <strong><a href="mailto:contact@wpmessiah.com" rel="nofollow ugc">contact@wpmessiah.com</a></strong></p>


Excellent Plugin

Easily creates SEO-friendly table of contents for your blog posts and pages. Offers both Auto and Manual Insert with highly customization options.

SimpleTOC – Table of Contents Block vs TOP Table Of Contents