A modular and multi level TOC – Table of Contents WordPress Plugin for post/page organization and navigation
Automatically create a Table of Contents, stylize it, define tags and insert in your pages or posts
The powerful yet user friendly Table of Contents plugin automatically generates a navigation table or table of contents based on the WordPress posts, WordPress pages, and custom post types for users by parsing through the website’s contents for headers.
How to Generate Easy Table of Contents
Adding Comprehensive Table of ContentsThe site Admin can pick the table of contents title or position, including adding a sidebar or a heading. This easy TOC plugin helps the admin to insert a TOC anywhere within the post content to display the navigation section with a simple shortcode. By default, it is shown on the top part of each post unless the shortcode is used to move it to a different location The index helps the reader navigate the page or site in much the same way as the contents box on Wikipedia, highlighting critical sections of the site in a clear fashion, or offering an overview of the contents at a glance. |
A Table of Content Section on the Post Header |
| @jejones8 at WordPress.org: "Great Service and Quality Plugin - I was looking for a table of contents plugin that was smart enough to accommodate a variety of knowledge base style posts and this one fit the bill. There were a few technical glitches in the first try, but the support team was exceptionally responsive and listened and acted very quickly to my needs. In addition to the basic functionality, it also provides great styling options and the ability to be used in the body of the text as well as in widget areas. I would recommend going for the premium version as it offers more functionality for a reasonable price." |
Settings section used to Define which Tags to Use for Generating the TOC and How to Style each Level | Generating the Table of ContentsThe table is customizable and it is easy to define the look and shape of the navigation section added to each post.Building a versatile table of Contents is done automatically by specifying which HTML elements in the post content should be used for the navigation sections. The different sections can be generated based on any tag or CSS class included in the page or post content. For example, heading levels such as H1 / H2 / H3 or a div/span with a specific class. |
| @coptic-treasures at WordPress.org: " - The best table of content WordPress Plugin. Extremely highly customizable. The only one that recognizes pagination. Also, the technical support team is very efficient and knowledgeable. After researching for months, CM table of contents plugin was the solution. I highly recommend it to anyone who has complicated post structure or long posts and wants a perfect table of contents plugin." |
Compatible With Divi, Elementor and Gutemberg
TOC inside Divi page |
The Table of Contents plugin works with most major themes, such as Genesis Framework, Divi, Avada, Enfold, Ultra, Elementor, Beaver, Visual Composer and Themify. It's also 100% compatible with Gutemberg, WordPress' own block builder. This makes it really easy to create table of contents in WordPress. |
Floating Table of Contents
Include a persistent Table of Contents on your posts. Customize the button's text, color and position to match your theme. |
Example of floating TOC |
Table of Contents Plugin Use Case Examples
- Navigation – Don’t let your site visitors get lost on the post/page. Help them by adding the table of content (TOC) so that they do not have to scroll back and forth.
- Organize Posts/Pages – Add TOCs and organize your long tutorial posts.
Using the WordPress Table of Contents Plugin
- Automatic Table of Contents – Automatically creates a context specific table or index of contents (TOC) on any post or page or custom post type
- Customize your Table of Contents – Easily customize your navigation table based on specific tags and CSS classes. You can also display the TOC in one or two columns
- Style the TOC – Style the table according to the users’ needs or branding
- Order your Content – Use the WordPress table of contents plugin to create order within your pages & posts, including blog posts and articles
- On Page Navigation Tool – Makes it easy for your users to navigate between different sections of your content. Use a floating DIV which comes with the TOC once users scroll the page.
- Support Child Pages – Navigate to your child pages from the parent page
- Next Page Support – Table of contents help readers in long paginated posts, by pointing to the exact location in the pages/post
- Shortcode – The plugin was designed to be as seamless as possible and does not require you to insert a shortcode. However, using the shortcode allows you to fully control the position of the table of contents within your page
Table of Contents Plugin Additional Resources
- Plugin User Guide
- Top Resources for WordPress Beginners
- WordPress Video Gallery Related Blog Resources
Table of Contents Related Plugins
Table of Contents Plugin Demo
| This demo shows the usage of the table of contents at the upper part of the article. The TOC was automatically generated based on predefined tags found in the article Live Demo |
 | This demo shows easy Table of Contents with different styles. User can customize TOC styles on the options page on the Admin Dashboard |
EXAMPLES OF SITES USING THE TABLE OF CONTENTS
Table Of Contents WordPress Plugin Image Gallery
Front-end Gallery
-
- Table of Contents
-
- Floating TOC Icon
-
- TOC appears when clicking on the Floating TOC Icon
-
- Back to Table of Contents – Button
-
- Back to TOC – Arrow
Back-end Gallery
-
- Display Settings
-
- Performance & Debug, Refferals
-
- Table of Contents-General Settings, Labels
-
- Table of Contents-Show,Hide
-
- Table of Contents-Styling
-
- TOC WordPress Plugin-Element Selector
-
- Table of Contents-Level Styling
-
- Insert Shortcode
-
- Settings in Post Edit page for Table of Contents
-
- First part of Table of Contents settings.
-
- Second part of Table of Contents settings.
-
- Table of Contents – General Settings
