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.

Croover.inc

<p>RTOC is a table of contents generation plugin from Japan that allows anyone to easily create a table of contents. Equipped with the functions of the conventional table of contents plugin, it is designed to thoroughly pursue design and ease of use.<br />
Introducing a real-time preview with an intuitive UI design allows you to create an ideal table of contents with a single button.It is definitely a plus factor for your blog or site.RTOC is easy to use, so please use it.</p>
<h3>Install</h3>
<p>【How to automatically install from the WordPress admin screen】<br />
    ①Click “Plugins” <span aria-hidden="true" class="wp-exclude-emoji">→</span> “Add New” from the WordPress administration screen.<br />
    ②Type “Rich Table of Contents” in the new search box.<br />③Activate after installation
</p>
<p></p>
<p>【How to install manually using FTP etc.】<br />
①Download this plugin from WordPress.org（There is a button called “Download” on the right side of the plugin title on this page, so download from there）<br />②Unzip the zip file called “rich-table-of-content” and download it to the / wp-content / plugins / directory.<br />③Click the plugin from the WordPress administration screen and click Activate.</p>
<h3>Basic settings</h3>
<p>Configure the basic settings for the table of contents.</p>
<ul>
<li>Table of contents title: You can freely decide the title of the table of contents.</li>
<li>Auto insert for the following content types: You can decide whether to show the table of contents on posts and pages.</li>
<li>Heading to be displayed: Set which heading (h2, h3, h4) to display.</li>
<li>Display conditions: Set the number of headings to display the table of contents.</li>
<li>Font: Set font.</li>
</ul>
<h3>Design settings</h3>
<p>You can freely set the table of contents design.</p>
<ul>
<li>Title display: Set whether the title position is left or center.</li>
<li>H2 list design: Set the H2 list design.</li>
<li>H3 list design: Set the H3 list design.</li>
<li>Frame design: Sets the table of contents frame design.</li>
<li>Animation: Set the animation when the table of contents is displayed。</li>
<li>Smooth scroll   : Set whether to scroll to the headline when clicking (tapping) the table of contents.</li>
</ul>
<h3>Preset color settings</h3>
<p>RTOC color preset added by default. Choose and set the preset that suits your site.</p>
<h3>Color settings(For advanced users)</h3>
<p>In addition to the preset colors, you can set your own colors. If you want to set your own color or modify the preset color partially, please change the color here.</p>
<ul>
<li>Title color: Set the title color.</li>
<li>Text color: Set the text color.</li>
<li>Back color: Set the back color.</li>
<li>Border color: Set the border color.</li>
<li>H2 list color: Set the H2 list color.</li>
<li>H3 list color: Set the H3 list color.</li>
<li>Back to table of contents button background color: Sets the background color of the back to table of contents button.（Available only when Back to Contents button is enabled）</li>
</ul>
<h3>Advanced settings</h3>
<p>If you want to do advanced customization such as the button to return to the table of contents and the exclusion of plugin CSS, please set here.</p>
<ul>
<li>Button to return to table of contents: (Only for smartphones) Display a button to return to the table of contents.</li>
<li>Button location to return to table of contents: (Only for smartphones) You can set the button to return to the table of contents to the left or right.</li>
<li>Up and down adjustment of the button to return to the table of contents: （example -20,40）</li>
<li>Excluded post ID: You can set posts that you do not want to show the table of contents. Set the table of contents not to be displayed in the article by entering the post article ID separated by commas.（Example 2,3,75）</li>
<li>Excluded page ID: You can set pages that you do not want to display the table of contents. By entering page IDs separated by commas, you can set the table of contents not to be displayed in articles.（Example 4,6,91）</li>
<li>Default table of contents settings: Select whether to display the table of contents open or closed.</li>
<li>Do not load plugin CSS: If checked, all CSS of RTOC will not be read and all design settings will be invalid. If you have customized the table of contents using CSS, JS, etc., please check here and operate.</li>
</ul>
<h3>RTOC shortcode</h3>
<p>You can display the table of contents by pasting this code anywhere in the article. If you do not enter a value (such as title = “”) and it is blank, the setting on the management screen will be reflected.<br />
For details, see the actual setting screen, so check that.</p>
<h3>Help</h3>
<p>If you have any problems, we will be glad to help you contact our support.<br />
Also, basic issues are listed in the “Help section” of the plugin, so please look there first.</p>


Rich Table of Contents

RTOC is a table of contents generation plugin from Japan that allows anyone to easily create a table of contents. Equipped with the functions of the c …

SimpleTOC – Table of Contents Block vs Rich Table of Contents