toshiyuki

<p>This plugin swaps list for table, if a viewer opens a your page with small width display.<br />
The list for small width display is made from the table which you put in a page with table block editor. You do not need to write list having same contents in table. You can enable this plugin with a simple operation.<br />
The plugin creates list on browser dynamically. So the list is not exists in your WordPress database. You will edit the table being enabled this plugin, even after you uninstall this plugin.</p>
<h4>Table structure and List structure</h4>
<p>Table has header which each cells are in row towards horizontally. The table body’s each cells related with header cells are in row towards horizontally.</p>
<p>The informations is in row towards horizontally even if you see them with small width device. But other information tends to be in row towards vertically.<br />
You visit a page, see contents from top to down. It’s natural way to scroll the display vertically. You encounter a table having long rows while scrolling, you have to stop scrolling vertically and, scroll display horizontally. At end of table row, you have to back to the start of row with scrolling and then scroll down again.</p>
<p>It originated in table having horizontal categorized cells arrangement.<br />
It is not proper for me to keep table structure and show the data vertically.<br />
It is nice for me to arrange data with list. The list data structure has the kind to arrange data vertically.</p>
<h4>OC Smart Table in background</h4>
<p>OC Smart Table creates list from table on browser side dynamically at opening the page. But list is not visible if the display width is enough to show table.<br />
If the display width is not enough to show table, swap list for table.</p>
<h3>Usage</h3>
<h4>Enable OC Smart Table (free)</h4>
<p>You put “oc-smart-table” in  Additional CSS class(es) at Advanced section on Settings sidebar. You need this operation only when you make editting table active. For example, You put a table with table block editor or click a table block which you put before.</p>
<h4>Enable OC Smart Table</h4>
<p>If you have OC Smart Table standard edition, You click “Enable Smart Table” from other toolbar item in table block editor, then You make the editing table be enabled Smart Table.</p>
<p>You can buy standard edition from <a href="https://ocsoft.base.shop/items/62050748" rel="nofollow ugc">here</a>.</p>
<h4>Inherit colors and styles</h4>
<p>You can make the list which the plugin create having table’s colors and styles. To enable the inheritance, You need to enable option “inherit colors and styles” in Smart table setting in Setting sidebar.</p>


Plugin Name: OC Smart Table (free)

It swaps list for table, if a viewer opens your page with small width display.

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><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>User Feedback</h4>
<blockquote>
<p>“It is lightweight, stable, and fully compatible with WordPress Full Site Editing. A reliable solution that integrates seamlessly and performs exactly as expected.”<br />
  — <a href="https://wordpress.org/support/topic/good-job-1889/" rel="ugc">@js100 on wordpress.org</a></p>
<p>“Does the job perfectly, and adds no bloat.”<br />
  — <a href="https://wordpress.org/support/topic/does-the-job-perfectly-and-adds-no-bloat/" rel="ugc">@clicknathan on wordpress.org</a></p>
<p>“Simple yet powerful. Great plugin that does exactly what you need.”<br />
  — <a href="https://wordpress.org/support/topic/simple-yet-powerful-106/" rel="ugc">@mixey on wordpress.org</a></p>
</blockquote>
<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 <a href="https://github.com/mtoensing/simpletoc/issues" rel="nofollow ugc">let us know</a> and we’ll try to address it promptly.<br />
Hidden TOCs use native <code><details></code> and <code><summary></code> semantics without extra ARIA references that require custom IDs.</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 by default. Optional features such as the accordion menu, smooth scrolling, or box style add minimal assets only when enabled.</li>
<li>Optional box style for the TOC with a default gray background.</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>Enable a box style and choose a box color directly in the block sidebar.</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>
<h4>How to contribute</h4>
<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>
<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>And many more thanks to all the <a href="https://github.com/mtoensing/simpletoc/graphs/contributors" rel="nofollow ugc">developers on GitHub</a> who helped me making SimpleTOC what it is today!</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!


If you add this block/plugin and try to use Back to Top feature in GeneratePress it will turn something that works into something that takes 15s to scroll to very top.



At first I thought maybe I needed to create a function to change the speed but nope, it's this plugin....


Does not have GeneratePress Support — Adds Lag / Delay to Back to Top


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 or CSS by default.

Plugin Name: OC Smart Table (free) vs SimpleTOC – Table of Contents Block