michielve

<p>This plugin displays a table of contents for the selected post types. See <a href="https://blog.michielvaneerd.nl/fast-toc/" rel="nofollow ugc">the documentation</a> for more information and an example.</p>
<h4>Features</h4>
<ul>
<li>Display table of contents</li>
<li>Set default settings (see Settings / Reading section)</li>
<li>Specify what headers are ignored with CSS selectors</li>
<li>Collapsible or not</li>
<li>Specify the list style type</li>
<li>Change default position with a shortcode</li>
</ul>


Fast TOC

niao70

<p>This plugin display a table of contents at “Read More” block in your post. It is automatically created from the post headings (H2, H3).</p>
<p>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.</p>
<p>You can set 2 settings each post.</p>
<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>
<p>To edit the appearance of the table of contents, write CSS. You can use “Customize > Additional CSS” or theme style sheets.</p>
<p>For example</p>
<p>Turn the box background a pale blue :</p>
<pre><code>#f70stoc.table-of-contents{
    background-color: #effcff;
}
</code></pre>
<p>Remove list marker :</p>
<pre><code>#f70stoc.table-of-contents ol{
    list-style-type: none;
}
</code></pre>
<p>Increase the space between the border and the text :</p>
<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.

Fast TOC vs F70 Simple Table of Contents