Table of Contents

Auto-generate a table of contents from post headings with anchor links for easier navigation. Perfect for long-form articles, tutorials, and documentation.

Use Cases#

• Add clickable TOC to 3000+ word tutorials for easy navigation
• Create anchor-linked TOC on documentation pages
• Generate structured TOC for better Google search results with jump links

How It Works#

1. Scans content for headings matching your configured levels
2. Generates unique anchor IDs for each heading
3. Builds a hierarchical list with clickable links
4. Inserts TOC at your chosen position
5. Adds smooth scroll behavior

Settings#

Shortcode#

Use [toc] to manually place the table of contents:

[toc]

Styling#

The TOC is wrapped in a div with class switchboard-toc. Customize with CSS:

.switchboard-toc {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
}

.switchboard-toc h3 {
    margin-top: 0;
}

.switchboard-toc a {
    color: #0073aa;
    text-decoration: none;
}

.switchboard-toc a:hover {
    text-decoration: underline;
}

FAQ#