Skip to content

How to add table of contents to a WordPress blog

    How to Add a Table of Contents to A WordPress Blog

    Readers find it difficult to scroll through the lengthy content of a blog or scroll down to its important sections, due to which some visitors exit the page before reading it completely. In this blog post, we will know about adding the “TABLE OF CONTENTS” box in WordPress blog through which your website visitors can easily scroll through.

    “Table of Contents” of blog post or page is an overview or structure in which all the titles of the post are displayed. It helps understand your audience what a particular page contains or how much it is useful to them. In addition, with the help of table of contents, visitors can directly jump to the section of their choice.

    In “Table of Contents” you can show all headings H1, H2, H3, H4, H5, H6 as well as you can also set title limit. There are two main advantages of using the Table of Contents in a blog post.

    • It becomes easy for the audience to read the content or scroll down to the important sections of the article.
    • Helps reduce your website’s bounce rate.
    • Increase search engine visibility of the site.


    WordPress is the best and most popular platform for blogging. In WordPress, you can also use free plugins to add any feature to your website or blog. For this, you don’t need to make any additional changes or edits to display these features on your site.

    There are two ways to use table of contents in a blog post:

    1. You can add “Table of Contents” to website with the help of HTML, CSS or JavaScript. It requires to have knowledge of coding.
    2. If you are a WordPress user, then you can use free WordPress plugins to add TOC in your blog post. You don’t need any extra knowledge to insert it into your website. With this, there will be an automatic TOC display in each of your blog post.

    Here; we will use the second method by using a free WordPress plugin. You will find many plugins to add “Table of Contents” feature but I like “Table of Contents Plus” plugin the best among all.


    Table of Contents Plus” is a WordPress plugin, developed by Michael Tran, with 300,000+ active installations. It is absolutely free. Its setup is very easy and you only have to set up some basic steps.


    Go to your WordPress dashboard, then under “Plugins” option click on “Add New”. Now search for “Table of Contents Plus” in the search box. Here; you will see a plugin as shown in the image below.

    table of content plus plugin

    Click on “Install Now” and then “Activate”.


    After activating the plugin, you have to customize your settings. For this, go to WordPress Navigation Settings >> TOC+ options.



    1. Position: This feature allows you to set the position of the “Table of Contents” box. The default is the “before the first title” space. You can change it according to your convenience.
    2. Show When: Here; you can set how many headings to show the “Table of Content”.
    3. Auto insert for the following content types: Select the post or page where you want to show the TOC.
    4. Title text: This option enables you to show or hide “Table of Contents” title. You can also make the toggle the default Show Hide.
    5. Show Hierarchy: By enabling this option, you can show the title or subtitle in the structure stage.
    6. Number List Item: Ticking this option will show numeric next to the heading.
    7. Enable smooth scroll effect: When clicking on a table of contents title will make us jump to the direct section. Enable the option if you want to do it gradually with the “smooth scroll effect”.


    1. Width: In this option, you can adjust the width of the enabled box.
    2. Wrapping: Can display left, right from table box.
    3. Font size: Here; you can increase or decrease the size of the text fonts.
    4. Presentation: Here; you can select the look of the table box. Select gray (default), light blue, white, black, transparent and custom as you like.
    5. Advanced: In advance settings, you can do advanced settings for the content, such as hiding a heading from the TOC, setting a top margin, CSS file, lowercase, and more.
    6. Update: Click “Update Options” to save settings.

    Now; all posts on your site will automatically show “Table of Contents”. TOC will be automatically added in the every new post you write. Now you don’t need to do any extra setting.


    In this article, you have learned how to add table of contents in a WordPress blog. If you still have any question or suggestions, please leave in the comment section below.

    And; don’t forget to share it with others!

    Leave a Reply

    Your email address will not be published.