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.

CreativeMindsSolutions

<p><a href="https://www.cminds.com/wordpress-plugins-library/table-of-contents-plugin-for-wordpress/" rel="nofollow ugc">Premium Plugin Page</a> | <a href="https://www.videolessonsplugin.com/video-lesson/lesson/table-contents-plugin/" rel="nofollow ugc">Video</a> | <a href="https://www.listwp.com/cm-table-of-content-demo-main-menu/" rel="nofollow ugc">Demo</a> | <a href="https://creativeminds.helpscoutdocs.com/category/271-table-of-contents-cmtoc" rel="nofollow ugc">User Guide</a></p>
<p><strong>Create a table of contents and help users easily navigate your WordPress site content. Define the table of contents sections using headers and css classes.</strong></p>
<p>⭐ <em>We’re excited to present the renewed version of CM Table of Contents! Now featuring a Setup Wizard for effortless setup and new tools, including customizable “Back to Top” buttons, list type selection, and enhanced styling options. Upgrade your content navigation experience today!</em></p>
<p>This WordPress plugin enables users to generate a customizable table of contents that can be added to any page or post.</p>
<p>You can define the table of contents using div/span tags or CSS classes, in addition to h tags.</p>
<h3>TOC Plugin Premium Editions</h3>
<p>The <a href="https://www.cminds.com/wordpress-plugins-library/table-of-contents-plugin-for-wordpress/" rel="nofollow ugc">TOC Plugin Premium edition</a> includes even more powerful features, such as: floating toc side widget, collapse and expand toc support, multiple TOC per post/page and much more.</p>
<h3>TOC Plugin Introduction Video</h3>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/130259229" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<h3>Using the TOC Plugin</h3>
<ul>
<li><strong>Automatic Table of Contents</strong> – Automatically creates a context specific table or index of contents (TOC) on any post or page or custom post type.</li>
<li><strong>Customize your Table of Contents</strong> – Easily customize your navigation table based on specific tags and CSS classes. You can also display the TOC in one or two columns.</li>
<li><strong>Style the TOC</strong> – Style the table according to the users’ needs or branding.</li>
<li><strong>Order your Content</strong> – Use the WordPress table of contents plugin to create order within your pages & posts, including blog posts and articles.</li>
<li><strong>On Page Navigation Tool</strong> – Makes it easy for your users to navigate between different sections of your content. Use a floating DIV which comes with the TOC once users scroll the page.</li>
<li><strong>Support Child Pages</strong> (premium only) – Navigate to your child pages from the parent page.</li>
<li><strong>Next Page Support</strong>  (premium only) – Table of contents help readers in long paginated posts, by pointing to the exact location in the pages/post.</li>
<li><strong>Shortcode</strong> – The plugin was designed to be as seamless as possible and does not require you to insert a shortcode. However, using the shortcode allows you to fully control the position of the table of contents within your page.</li>
</ul>
<h3>Basic Features</h3>
<ul>
<li>Define TOC by tag, class and id.</li>
<li>Change Table of Contents title.</li>
<li>Basic TOC styling.</li>
<li>Easily style the navigation table color and font size.</li>
<li>Insert TOC in any specific location on a post or a page using a shortcode.</li>
<li>Choose the type of the list elements of the Table of Contents.</li>
<li>Add “Back to the Top” Button/Arrow.</li>
<li>Customize the style of the “Back to the Top” Button/Arrow.</li>
<li>Includes a user-friendly Setup Wizard for quick and easy plugin configuration.</li>
</ul>
<h3>How to Use the WordPress Table of Contents Plugin</h3>
<ul>
<li>Automatically add the navigation table to any page or post.</li>
<li>Customize your table of contents based on specific tags and classes.</li>
<li>Style the table for user needs or design.</li>
</ul>
<h3>Pro Version Features</h3>
<p><a href="https://www.cminds.com/wordpress-plugins-library/table-of-contents-plugin-for-wordpress/" rel="nofollow ugc">Pro Version Detailed Features List</a> | <a href="https://www.listwp.com/table-of-contents-pro-demo/" rel="nofollow ugc">Demo Site</a></p>
<ul>
<li>Collapse TOC on page upload.</li>
<li>Automatically create TOC for all site pages.</li>
<li>Define TOC using unique tags on each post or page.</li>
<li>Insert multiple TOC in any specific locations within a post or a page using a shortcode.</li>
<li>Define specific tags for each page or post.</li>
<li>Change the appearance of TOC: font size, color, weight and style.</li>
<li>Support Custom Post Type.</li>
<li>Define show and hide the table behavior.</li>
<li>Support allowing the table of contents to navigate to child pages of the parent page.</li>
<li>Widget support – TOC can also be displayed using a sidebar widget.</li>
<li>Next Page Support – In long paginated posts, TOC can point to the exact location in the pages and posts.</li>
<li>Add TOC to any page or post.</li>
<li>Support Hierarchical / Multi-Level Table.</li>
<li>Support displaying multiple TOC per post/page.</li>
<li>Enable/Disable TOC for certain posts/pages.</li>
<li>Support wrapping the text left or right.</li>
<li>Support displaying TOC in one or two columns.</li>
<li>Support displaying a floating TOC div once user scrolls the page.</li>
</ul>
<h3>Follow Us</h3>
<p><a href="https://www.cminds.com/category/wordpress/" rel="nofollow ugc">Blog</a> | <a href="http://twitter.com/cmplugins" rel="nofollow ugc">Twitter</a> | <a href="https://www.linkedin.com/company/creativeminds" rel="nofollow ugc">LinkedIn</a> | <a href="https://www.youtube.com/user/cmindschannel" rel="nofollow ugc">YouTube</a> | <a href="http://www.pinterest.com/cmplugins/" rel="nofollow ugc">Pinterest</a> | <a href="https://www.facebook.com/cmplugins/" rel="nofollow ugc">Facebook</a></p>
<h3>Suggested Plugins by CreativeMinds</h3>
<p>List of all <a href="https://www.cminds.com" rel="nofollow ugc">WordPress Plugins</a> by CreativeMinds</p>
<ul>
<li><a href="https://glossaryplugin.com/" rel="nofollow ugc">CM Tooltip Glossary</a> – Easily creates a Glossary, Encyclopaedia or Dictionary of your website’s terms and shows them as a tooltip in posts and pages when hovering. With many more powerful features.</li>
<li><a href="https://www.answersplugin.com/" rel="nofollow ugc">CM Answers Plugin</a> – A fully-featured WordPress Questions & Answers Plugin that allows you to build multiple discussion forum systems Just like StackOverflow, Yahoo Answers and Quora, Now with MicroPayments and Anonymous posting support.</li>
<li><a href="https://onboardingplugin.com/" rel="nofollow ugc">CM OnBoarding</a> – Superb Guidance tool which improves the online experience and the user satisfaction.</li>
</ul>


CM Table Of Contents – Clear navigation for better content discovery

Create and display a table of contents for your posts and pages. Improve navigation with an easy-to-use TOC generator.

SimpleTOC – Table of Contents Block vs CM Table Of Contents – Clear navigation for better content discovery