PiotrPress

Clearcode

<p>The WordPress CC-TOC plugin automatically creates a table of contents (TOC) for posts/pages (and/or custom post types) based on headings in content. This plugin can also output a listing of child pages (INDEX).</p>
<p>The TOC by default appears before, while the INDEX appears after the content post/page.</p>
<h4>Tips & Tricks</h4>
<ol>
<li>You can disable support for TOC and/or INDEX displaying in specific post/page edit page manually.</li>
<li>You can also use shortcode (by default <code>toc</code> and/or <code>index</code> – you can change it in the settings):<br />
[toc] and/or <code>[index]</code></li>
</ol>


CC-TOC

This plugin automatically creates a table of contents based on html headings in content.

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.

CC-TOC vs F70 Simple Table of Contents