F70 Simple Table of Contents

plugin banner

Display a table of contents in your posts by automatically generated from the headings. No…

Author:Nao Matsuo (profile at wordpress.org)
WordPress version required:5.0
WordPress version tested:6.4.2
Plugin version:1.2.2
Added to WordPress repository:04-08-2020
Last updated:14-01-2024
Rating, %:100
Rated by:2
Plugin URI:https://factory70.com/simple-table-of-content...
Total downloads:4 933
Active installs:200+
plugin download
Click to start download

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.

  • Display the table of contents (defalut = OFF)
  • Heading levels included in the table of contents (default = H2 only, or H2 + H3)

Notice

  • This plugin works if you use H2 ( and H3 and lesser ) headings in your posts.
  • Headings hierarchy must be preserved. For example, H3 not after H2 does not appear in the table of contents.

Edit Appearance

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 :

#f70stoc.table-of-contents{
    background-color: #effcff;
}

Remove list marker :

#f70stoc.table-of-contents ol{
    list-style-type: none;
}

Increase the space between the border and the text :

#f70stoc.table-of-contents ol li{
    padding: 1em 0;
}

Screenshots
FAQ
ChangeLog