Explanation

Videos and Pics

Requirement: Table of Content

Detailed Title Table of Content

Detailed Title Table of Content

- Click to enlarge

(no trello card)

Trello Summary: Empty

Table of Content Plus Plugin

Link to WordPress.org: Table of content Plus

We use Table of content Plus which creates a beautiful and clickable table of content.

It has a powerful options of customization, which can be found here.

Usage:

We use [ toc ] shortcode whenever we want to use table of content.

Test page:

Here

Table of Content

- Click to enlarge

Solution screen from backend

Table of Contents Plus Settings

Table of Contents Plus Settings

.

Problems

Double Numbers

Double numbers in table of content

Problem: Double Numbers

- Click to enlarge

The plugin generates automatically numbers before the names in Table of Content. We do not have to write numbers in chapter names. That’s why we have double numbers in some of the pages.

Solution: Double Numbers

- Click to enlarge

Headings were not displayed, because of some minimum of headings rule.

H2, H3,H4 only are checked to be shown in TOC.

Replace H4 by H5, for table headers

Do the replacement as follows:

<h4><strong>Explanation</strong></h4> replace by H5

<h4><strong>Video and Pics</strong></h4> by H5

Explanation in TOC

- Click to enlarge

Problems

TOC Feedback

Video link to trello

Trello summary: Empty

TOC shown on left side of text

Problem: TOC shown on left side of text

- Click to enlarge

We changed the width of the TOC to be 100% so it will be only this on the row.

H4 is showing level3, but should be showing Level2.

All under one H2, but many exist on Page

Detailed Settings

Table of Contents Plus Settings

Includes an administration options panel where you can customise settings like

display position,

define the minimum number of headings before an index is displayed,

other appearance, and more.

For power users, expand the advanced options to further tweak its behaviour – eg: exclude undesired heading levels like h5 and h6 from being included; disable the output of the included CSS file; adjust the top offset and more. Using shortcodes, you can override default behaviour such as special exclusions on a specific page or even to hide the table of contents altogether.

Table of Contents Plus Settings

.

Advanced Settings

Table of Contents Plus Advanced Settings

Prefer to include the index in the sidebar? Go to Appearance > Widgets and drag the TOC+ to your desired sidebar and position.

Custom post types are supported, however, auto insertion works only when the_content() has been used by the custom post type. Each post type will appear in the options panel, so enable the ones you want.

Collaborate, participate, fork this plugin on Github. Reach out on Github or place them at Dublue.

Table of Contents Plus Advanced Settings

- Click to enlarge

Shortcodes

The plugin was designed to be as seamless and painfree as possible and did not require you to insert a shortcode for operation. However, using the shortcode allows you to fully control the position of the table of contents within your page. The following shortcodes are available with this plugin.

When attributes are left out for the shortcodes below, they will fallback to the settings you defined under Settings > TOC+. The following are detailed in the help tab.

[ toc ]

Lets you generate the table of contents at the preferred position. Useful for sites that only require a TOC on a small handful of pages. Supports the following attributes:
* “label”: text, title of the table of contents
* “no_label”: true/false, shows or hides the title
* “wrapping”: text, either “left” or “right”
* “heading_levels”: numbers, this lets you select the heading levels you want included in the table of contents. Separate multiple levels with a comma. Example: include headings 3, 4 and 5 but exclude the others with heading_levels="3,4,5"
* “class”: text, enter CSS classes to be added to the container. Separate multiple classes with a space.

[ no_toc ]

Allows you to disable the table of contents for the current post, page, or custom post type.

[ sitemap ]

Produces a listing of all pages and categories for your site. You can use this on any post, page or even in a text widget. Note that this will not include an index of posts so use sitemap_posts if you need this listing.

[ sitemap_pages ]

Lets you print out a listing of only pages. The following attributes are accepted:
* “heading”: number between 1 and 6, defines which html heading to use
* “label”: text, title of the list
* “no_label”: true/false, shows or hides the list heading
* “exclude”: IDs of the pages or categories you wish to exclude
* “exclude_tree”: ID of the page or category you wish to exclude including its all descendants

[ sitemap_categories ]

Same as [ sitemap_pages ] but for categories.

[ sitemap_posts ]

This lets you print out an index of all published posts on your site. By default, posts are listed in alphabetical order grouped by their first letters. The following attributes are accepted:
* “order”: text, either ASC or DESC
* “orderby”: text, popular options include “title”, “date”, “ID”, and “rand”. See WP_Query for a list.
* “separate”: true/false (defaults to true), does not separate the lists by first letter when set to false.
Use the following CSS classes to customise the appearance of your listing:
* toc_sitemap_posts_section
* toc_sitemap_posts_letter
* toc_sitemap_posts_list

Table of Contents Plus Shortcodes

- Click to enlarge