Add TOC (Table Of Contents) to Your WordPress Posts Or Pages

[toc]

Introduction

Here, in this post we are going to a see how we can add Table of Contents to our WordPress posts and pages. Here we are going to install a plugin to do this work, why I have chosen this plugin is, it is so simple and yet do the work very well. It doesn’t have more settings and features but the way it is created is 100% apt for what it meant to be. You can also give it a try. I hope you will like this. Now let’s begin.

Background

Today I was just trying to create a post, at that time I decided to include the Table of Contents to the post, then I searched for plugins which does the work well. I found many in the Add New plugin page when I search for the keyword “Table of Contents”, but most of them has too many functinalities and configurations in it. Then I found this plugin F(X)-TOC. I liked it as it is very simple and doesn’t have much configurations.

TOC plugin in WordPress

TOC plugin in WordPress

Steps to add TOC to your post or page

Adding a TOC to your page or post with this plugin is so simple. You just need to add toc in square brackets to your post or pages when you need the table of contents to be displayed, then this plugin will take all the heading elements (h1-h6) and add those in to the table of contents. That’s pretty much simple right? Let’s see it in action now. As in the preceding image, I have set the table of contents and my heading elements.

TOC Editing

TOC Editing

Now if you run your page/post you can see the table of contents.

TOC Output

TOC Output

That’s all, too simple right?

Conclusion

Did I miss anything that you may think which is needed? Could you find this post as useful? I hope you liked this article. Please share me your valuable suggestions and feedback.

Your turn. What do you think?

A blog isn’t a blog without comments, but do try to stay on topic. If you have a question unrelated to this post, you’re better off posting it on C# Corner, Code Project, Stack Overflow, Asp.Net Forum instead of commenting here. Tweet or email me a link to your question there and I’ll definitely try to help if I can.

Kindest Regards
Sibeesh Venu

Leave a Reply

Your email address will not be published. Required fields are marked *

Serverless 360