WordPress Table of Contents Plugin (CMTOC) - Use Case - How to Manage Multiple Pages With One Table of Contents


Use Case - How to manage multiple pages with one Table of Contents

Back to User Guides

Note: This guide requires:


Video Use-Case

Introduction

The WordPress Table of Contents plugin is one of the best table of contents WordPress plugins. It helps users easily navigate your WordPress posts. The TOC plugin can automatically generate and insert an easy to use, user friendly navigation section to the post headers.

Bloggers can also easily generate a Table of Contents to their blogs/blog posts with this plugin. The index makes reader's life much easier as they can simply click on the headings to be taken to the content.

Use Case Front-End

Front-end example - WordPress Table of Contents
Front-end example

Use Case Assumptions

In this use case you will get to know how manage multiple pages with one table of contents.

We consider that you have already bought the plugin, but not installed it. 

It follows:

Installing the Plugin

The process is the same for all CM plugins and add-ons.

CreativeMinds Customer Account Dashboard - Downloads tab
CreativeMinds Customer Account Dashboard
  • Download the add-on from your customer dashboard.
  • Log in to WordPress and navigate to the WordPress Admin  → Plugins settings.
  • Click on Add New.
  • Activate it and add the license.

Learn more: Getting Started - Plugin Overview


Quick Recap

In this guide we will consider only the situation where we need to have a common table of contents for a few multiple different pages. So we won't consider here the whole process of adding and configuring the table of contents. You can learn more about the following questions in this guide: WordPress Table of Contents Plugin (CMTOC) - Use Case - How to Create a Table of Content for Articles on Your Site

  • Choose post types to display the Table of Contents
  • Adding Tables of Contents to posts/pages
  • Manually Placing Table of Contents Using the Shortcode
  • Style
  • General styling
  • Add "Back to the top" button
  • Floating TOC

Preparing

It is possible to display a Table of Contents for multiple different pages using the WordPress Table of Contents plugin. This allows for the key content across different pages to be displayed on one or all of the pages to assist navigation. To implement this, pages that are need to be clustered in the same table of contents must be related as Parent / Child pages. 

Note: this feature works only with pages - posts are not supported to implement this.

So, let's start configuring the Table of Contents.

Settings

One important option is needed to be enabled in settings, so navigate to Admin Dashboard → CM Table of Contents Pro → Settings → Table of Contents → General Settings section.

General plugin settings - Table of Contents WordPress
General plugin settings

Find and enable the option Include the pages parent/child elements in the TOC by default as it's shown on the screenshot below:

Including the pages parent/child elements in the TOC by default - WordPress Table of Contents Block
Including the pages parent/child elements in the TOC by default

And then click the button Save Changes at the bottom of the page or in the floating window:

Saving the changes - Add Table of Contents WordPress
Saving the changes

Configuring the Pages

To connect a few pages between themselves navigate to Admin Dashboard → Pages → All Pages.

Navigation to the pages dashboard - Floating Table of Contents WordPress
Navigation to the pages dashboard

For our example we prepared in advance a few pages - three books about Nancy Drew. So, the first book will be a Parent, and books 2 and 3 will be its Child pages. 

Example pages that we are going to edit - WordPress TOC Plugin
Example pages that we are going to edit

Parent Page

You need to choose the page that will be a Parent and edit it. In our example it is a page "Book 1: Nancy Drew - Movie Madness".

While editing the page scroll down to the bottom of the page to the box CM Table of Contents - Custom Selectors and enable the option Add items from the descendant pages to the Table of Contents.

Adding items from the descendant pages to TOC - TOC Table of Contents WordPress Plugin
Adding items from the descendant pages to TOC

Note: make sure that the option Search for Table Of Contents items on this post/page must be also enabled on all pages where the TOC is needed - on the Parent page and on Child pages.

Make sure that the TOC is enabled on that page - WordPress Table of Contents
Make sure that the TOC is enabled on that page

There you can also choose how the child pages should be ordered by. There are 5 different types of ordering in the option Which field the child pages should be ordered by:

  • Post Name
  • ID
  • Post Title
  • Date 
  • Page Order

And 2 options in the dropdown Order in which the child pages will be added to Table of Contents:

  • ASC - Ascending order.
  • DESC - Descending order.
Choosing the order type and its direction - Table of Contents WordPress
Choosing the order type and its direction

Note: if you choose the Page Order type of ordering, you will have to define this order by setting a number for every Child page in Page Attributes.

Then click the Update button at the top right to save the changes.

Saving the changes - WordPress Table of Contents Block
Saving the changes

Child Pages

Now we need to configure Child pages. In our example they are the pages with "Book 2" and "Book 3".

Example pages that will be turned to child pages - Add Table of Contents WordPress
Example pages that will be turned to child pages

Let's start editing one of them. While editing the page you need find there on the right side a metabox Page Attributes. In the field Parent Page choose the page that should be a Parent (the one we defined in the previous chapter).

And, in case if you chose the Page Order type or ordering on the Parent page, here in the field Order you need to set the number - that is the number this page will be ordered in the Table of Contents. In this case it will be number 2. For another Child page it will be 3 and so on. You decide the order they will appear on the Front-end.

Editing page attributes - Floating Table of Contents WordPress
Editing page attributes

Then click the Update button at the top right to save the changes, and repeat this process for the other Child pages.

End Result

Now everything is done, so let's see the result on the Front-end.

Use Case Front-End

Front-end example - WordPress TOC Plugin
Front-end example

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.