Get fresh WordPress Content delivered in your inbox with warpspeed!

learn wordpress wplift wordpress rocket

The Table of Contents Plus plugin for WordPress is a powerful and user friendly tool that allows you to add as many or as few tables of contents across your site. It can also output a sitemap listing all pages and categories.

This plugin was designed to look and function just like a table of contents box on Wikipedia so that your visitors will feel comfortable with it right away. I decided to give this particular plugin a try after creating a resources page on my blog that had several headings and a large amount of links. In the post below I'll show you how I implemented Table of Contents Plus to achieve quick and accurate browsing of over 140 resource links.

Download Table of Contents Plus »

Installing Table of Contents Plus

After you have downloaded the plugin's zipped file from the WordPress Directory, navigate to your WordPress Admin > Plugins > Add New > Upload and install the plugin. Upon activation you will notice a new option under Settings called TOC+. Click there to get started.

table-of-contents-plus-settingsmenu

Configuring Table of Contents Plus

On the main options page you're able to configure a number of preferences: position (within a post or page), number of headings needed to generate a TOC, content types that automatically get a TOC, title text, hierarchy style, appearance, and more.

I chose to only generate a TOC on pages and only if the page had ten or more headings (h1, h2, h3, etc.). This assured that a TOC would very rarely be generated automatically and only on pages with a lot of headings. Basically, I wanted to use the shortcode option almost exclusively so as to have more control over exactly when and where I used this feature.

table-of-contents-plus-configuring

Using the Shortcode

Next, I inserted the TOC+ shortcode into my resources page, including an argument from the plugin's help section that allows for text wrapping.

table-of-contents-plus-backend

As soon as I clicked update, I had a super convenient Wikipedia-like table of contents on my resources page. As you can see, I was able to use the custom appearance option to match the TOC colors to my theme's link colors. And as should be expected, clicking any link within the TOC immediately jumps a reader down the page to the section heading selected.

table-of-contents-plus-frontend

In Conclusion

The Table of Contents Plus plugin is extremely easy to use, customize and implement. If you have a content heavy site or even just one content heavy page, TOC+ can add a lot of value to your readers by making each section incredibly easy to navigate to. I highly recommend this plugin.

Download Table of Contents Plus »

Published:

Last updated on:

Hi! I'm Nathan B Weller: writer, book lover, and digital publisher. I use WordPress to launch blogs, products, businesses and portfolios for myself and my clients. If you'd like to see what I'm up to on a regular basis stop by my website at www.nathanbweller.com.

4 thoughts on “How To: Add a Wikipedia Style Table of Contents to WordPress

  1. Great idea, but regretfully not useful for me. I’m building new sites with responsive themes, and the presence of the TOC breaks responsiveness, at least at the site I tried it. Also, the +10, shortcode approach did not produce a TOC on the page with the shortcode. I had to use the automatic generation to get the TOC.

      • I meant where you set the minimum headings to 10, so it would be necessary to use a shortcode to generate the TOC. If the plugin were edited to make it possible to put it on the left side and user-set the maximum width, I think it would work on responsive sites.

  2. Nice plugin. But does it work with paginated posts? I’ve tried to use this plugin for multi-paged posts. The table created by TOC+ shows only headings from single page.

Comments are closed.

Join 40,000 WordPress Astronauts
AND GET OUR LATEST CONTENT IN YOUR INBOX WITH WARPSPEED

We will never spam you.
close-link
siteground coupon
Get 60% Off the No. 1 WordPress Hosting!