How to Add the Table of Content in WordPress

How to Add the Table of Content in WordPress

It is a common sense that the content-rich blog post that has the lengthy paragraph can ensure the much better value than the short one. People like this kind of post so as to get more information. Even, the search engines are more likely to rank the information-rich content at the top locations. However, the only drawback is that the long article may lead to some difficulties for people to read. In this case, the table of content can come to hand. This time, we’d like to introduce the easy way of how to add the table of content in WordPress.

If you do not know how the table of content can be showcased, you can enter the Wikipedia page to get the reference.

General Knowledge for the Table of Content

To put it simply, the table of content is the outline of your whole article. Generally, a blog post will have several sub-headlines to summarize the main content of each part. And the table of content can make use of these sub-headlines to outline the main post content.

Wikipedia Page

To be frank, there are a lot of great benefits you can get from the table of content. In the following, we have listed three obvious ones.

  • The table of content can give a clear outline for people who check your web content. This way, they can get the better and clear idea of what you are looking to discuss.
  • If people have no interests on some of your content parts, they can skip those parts easily and check their interested ones easily.
  • The table of content can give people a sense that your blog post is arranged properly.

How to Add the Table of Content in WordPress

In fact, you can add this special content type in WordPress using some lines of HTML coding stuff. However, this manual practice may not be suitable for anyone, especially for newbies. In this case, we’d like to introduce a much simpler method – make use of the Table of Contents Plus plugin.

This is a user-friendly and powerful tool, with which you can generate the table of content for some long blog posts easily. It is developed based on the Wikipedia framework. In this case, the table of content will appear before the first headline for each post by default. This way, you can insert the lead-in web content to introduce or to summarize the rest of the whole post. In addition, this plugin can output the listing page for your sitemap automatically.

Set Up the Main Options for the Table of Content Plugin

To make use of this plugin, you firstly should click the Settings > TOC+ button from the admin panel. Here, you should focus on the part of Main Options firstly.

Main Options for Table of Content Plugin

From this part, you need to decide the position of your table of content. By default, you can showcase it before the first heading. However, if you do not want so, you can display it after the first heading, at the top section or at the bottom section.

Next, you can decide when to display the table of content. By default, the plugin will generate and showcase the table of content when the blog post has at least 4 headlines. However, you can change the value to the higher or the lower number.

In addition, you can choose to insert the table of content to any post type you prefer. By default, the post types include the Page and the Post.

Besides these essential settings, you can also make a decision for the following parts.

  • You can give a title for the table of content and determine whether to showcase the title or not. Here, you can enter “%PAGE_NAME%”. This way, the title will be your post title.
  • You can give people the freedom to toggle the visibility of your table of content.
  • If you want, you also can hide the table of content initially.
  • You can choose whether to display the hierarchy and the number list items or not.
  • For the animation effect, you can enable the smooth scroll effect or the jumping to the anchor link directly.

Decide the Appearance for the Table of Content

Now, you should move to the Appearance part to determine how the table of content will appear.

Appearance for Table of Content

  • Width – You can use the fixed width from 200 px to 400 px, the relative width from 25% to 100% and the user defined width with your preferred value.
  • Wrapping – You can choose to wrap to the left or to the right.
  • Font size – The font size can be decided with the fixed value or based on the percentage.
  • Presentation – There are 5 pre-defined templates for your table of content. You can choose one based on your preference. Or, you can choose the custom template with your wanted background, border, title, links and many more.

Display the Table of Content

Now, you can hit the Update Options button. Once your content meets the requirements you have decided previously, the table of content will appear automatically with your preferred appearance and your sub-headlines.

In addition, if your site does not have the sitemap showcased, you can go to the Sitemap section to get the special shortcode, with which the sitemap can be displayed properly at your wanted webpage.

Table of Content