/

CM Table of Contents (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 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.


Differences Between Free and Pro

Free Version

  • Add TOCs to any page with a simple shortcode
  • Custom selectors for the whole site
  • Create TOC based on header, id or class

Additional Pro Features

  • Automatically create TOC for all site pages
  • Custom selectors for individual pages
  • Widget
  • Customize visuals: bullet point system, background
  • Table of Contents for separate pages
  • Title based Anchor URLs in Table of Contents
  • Collapse TOC on page upload
  • Easily style the navigation table font size

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.
3
Add the shortcode [cmtoc_table_of_contents] to the content. 

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


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.

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.

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:

CM Table of Contents (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

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.

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'.

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.

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

More information about the  CM 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