WordPress Table of Contents Plugin (CMTOC) - Free Version Guide


Free Version Guide

Back to User Guides



Table of Contents

  1. About This Plugin
  2. Differences Between Free and Pro
  3. Installing
  4. How to Utilize The Plugin
    1. Quick Start
    2. Choosing Where The Table of Contents Appears
    3. Configuring the Table of Contents
    4. Styling the Table of Contents
    5. Changing the Header Label
  5. Performance & Debug

About This Plugin

Table of Contents link to the different sections in the content, making it easier for readers to skip right to what they need on your page.

The main function of the WordPress Table of Contents plugin is to comb through pages and posts, particularly long ones, and to automatically generate Tables of contents based on their header contents.

The plugin gets its hierarchy from the type of header: h1 < h2 < h3 etc. If you are unsure about concepts such as header and tags, we suggest getting familiar with HTML.

Building multilevel TOC based on headers - Table of Contents WordPress
Building multilevel TOC based on headers

Differences Between Free and Pro

Free Edition Pro Edition
Add TOCs to any page with a simple shortcode
Automatically create TOC for all site pages
Custom selectors for the whole site
Custom selectors for individual pages
Create TOC based on header, id or class
Create TOC based on header, id or class
- Widget
- Customize visuals: bullet point system, background
- Title-based anchor URLs
- Collapse TOC on page load
- Easily style the navigation table font size
- Flying TOC
No support Plugin works forever; one year of support and updates

Installing


How to Utilize This Plugin

Quick Start

1. Start by going to the edit page or edit post view of where you would like the Table of Contents to go.

2. Scroll down past the Text Editor to the CM Table of Contents (Free version) section, shown below. Check the box Search for Table Of Contents items on this post/page.

Enabling TOC on the page - WordPress Table of Contents Block
Enabling TOC on the page

3. Add the shortcode [cmtoc_table_of_contents]  to the content.

Adding TOC to the custom place - Add Table of Contents WordPress
Adding TOC to the custom place

In the Front-End, it will be substituted by the Table of Contents.

Example of the TOC - Floating Table of Contents WordPress
Example of the TOC

Choosing Where The Table of Content Appears

You can restrict the Table of Contents to single posts/pages (not Homepage, authors, category etc.).

To do so, head to CM Table of Contents → Settings → General Settings → Display Settings. Then, check the box.

Choosing where the TOC appears - WordPress TOC Plugin
Choosing where the TOC appears

Configuring The Table of Contents 

You can configure the Table of Contents behavior by choosing which content elements will go to which level. To do so, head to CM Table of Contents → Settings → Table of Contents → Table of Contents - Element Selector.

Element selector settings - TOC Table of Contents WordPress Plugin
Element selector settings

By default, the Table of Contents will consider the h1 tag to level 0, h2 tag to Level 1 and so forth. Here you can choose different tags, classes and Ids to construct Table of Contents more relevant to your content.

The Pro version allows you to define this for each individual page/post.

To learn more, check:

WordPress Table of Contents Plugin (CMTOC) - Exclude by class

Styling

To modify the visual of the Table of Contents, from the WordPress dashboard navigate to  CM Table of Contents → Settings → Table of Contents → Table of Contents - Elements Styling.
Styling settings - WordPress Table of Contents
Styling settings

In the Free version, you can modify the font size of each element. In the Pro version, you can also modify color, weight, decoration and style (learn more).


Changing The "Table of Contents" Label

As with all of our plugins, the Table of Contents allows you to customize the front-end labels to suit a site that is in a foreign language or that uses a more or less casual style of english for example. At the time of writing the only Front-End label generated by the Plugin is the Header label which displays above the table of contents.

TOC title label - Table of Contents WordPress
TOC title label

To change this header label, on the WordPress dashboard navigate to CM Table of Contents → Table of Contents. Here scroll down to the section Table of Contents - Labels.

Editing the label - WordPress Table of Contents Block
Editing the label

Change the contents of the text field labeled Header to whatever you would like to display. 


Perfomance & Debug

From the WordPress dashboard navigate to CM Table of Contents → Settings → General Settings → Performance & Debug.

Here you can choose to highlight only on "main" WordPress query. This is an advanced option. Unchecking this box may fix problems with highlighting table-of-contents on some themes which manipulate the WP_Query.

Perfomance & debug option - Add Table of Contents WordPress
Perfomance & debug option

In the Pro version of the WordPress Table of Contents plugin, you can also enable JS Footer load and caching mechanisms (learn more).


More information about the WordPress Table of Contents Plugin

Other WordPress products can be found at CreativeMinds WordPress Store

Let us know how we can Improve this Product Documentation Page

To open a Support Ticket visit our support center
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.