14chan

*このプラグインはグーテンベルグの見出しブロックから目次を作成します 
*管理画面の設定に「ROOTS-index」が追加されます 
*ショートコード[roots_index]を埋め込むことで目次を表示できます 
*アコーディオン機能を実装するための最小限のCSSとJavaScriptを使用することができます 
*アコーディオンメニューを最初から開いた状態にすることができます 
*目次ラベルの文字列を変更することができます 
*目次の色を変更することが出来ます 
*目次のborderの角丸サイズを変更することができます
*This plugin creates a table of contents from Gutenberg heading blocks 
*”ROOTS-index” will be added to the settings of the admin screen 
*You can display the table of contents by embedding the shortcode [roots_index] 
*You can apply your own theme 
*You can use minimal CSS and JavaScript to implement the accordion function 
*You can set the accordion menu to be open from the beginning 
*You can change the string of the table of contents label 
*You can change the color of the table of contents 
*You can change the rounded corner size of the border of the table of contents
<h3>Short Description</h3>
*このプラグインはグーテンベルグの見出しブロックから目次を作成します 
*管理画面の設定に「ROOTS-index」が追加されます 
*ショートコード[roots_index]を埋め込むことで目次を表示できます
*This plugin creates a table of contents from Gutenberg heading blocks 
*”ROOTS-index” will be added to the settings of the admin screen 
*You can display the table of contents by embedding the shortcode [roots_index]
<h3>Arbitrary section 1</h3>

ROOTS-index

*このプラグインはグーテンベルグの見出しブロックから目次を作成します

niao70

This plugin display a table of contents at “Read More” block in your post. It is automatically created from the post headings (H2, H3).
This plugin does not have any javascript features such as smooth scrolling or folding. So if you mind about page speed or plugins confliction, you will love this.
You can set 2 settings each post.
<ul>
<li>Display the table of contents (defalut = OFF)</li>
<li>Heading levels included in the table of contents (default = H2 only, or H2 + H3)</li>
</ul>
<h4>Notice</h4>
<ul>
<li>This plugin works if you use H2 ( and H3 and lesser ) headings in your posts.</li>
<li>Headings hierarchy must be preserved. For example, H3 not after H2 does not appear in the table of contents.</li>
</ul>
<h3>Edit Appearance</h3>
To edit the appearance of the table of contents, write CSS. You can use “Customize > Additional CSS” or theme style sheets.
For example
Turn the box background a pale blue :
<pre><code>#f70stoc.table-of-contents{
 background-color: #effcff;
}
</code></pre>
Remove list marker :
<pre><code>#f70stoc.table-of-contents ol{
 list-style-type: none;
}
</code></pre>
Increase the space between the border and the text :
<pre><code>#f70stoc.table-of-contents ol li{
 padding: 1em 0;
}
</code></pre>

F70 Simple Table of Contents

Display a table of contents in your posts by automatically generated from the headings. No Javascript code, simple to use.

ROOTS-index vs F70 Simple Table of Contents