In this quick video tutorial, I will show you how to add Table of Contents to WordPress blog. The Table of Contents is a nested list of links to all heading found in the post or page. When used, it improves overall accessibility and user experience.
How to Add Table of Contents
We’ll use a simple block plugin called “SimpleTOC – Table of Contents Block” to add Table of Contents. Follow the below steps to add the Table of Contents to your blog post –
Step 1: Download SimpleTOC plugin from WordPress repository
Step 2: Watch this video to learn how to install and configure the plugin
Step 3: Start adding to every post/page or wherever required
Plugin Features
- Designed for Gutenberg.
- Simple configuration
- Minimal and valid HTML output
- Accordion option available
- Style SimpleTOC with Gutenberg’s native group styling options
- Inherits the style of your theme
- Smooth scrolling effect using CSS
- Native block support for wide and full width
- You can control the maximum depth of the headings
Advantages of using Table of Contents
- It makes it easier for readers to navigate through different sections of your content
- It makes your page or post overall more accessible
- It will encourage you to properly use headings and sub-headings
- There is an increase in CTR (click-through rate) from Search in Google
- It can make your page appear more professional
Simple CSS Customization
.simpletoc .active, .simpletoc-collapsible:hover {
color: #111111;
}Now you know the advantages and benefits of using Table of Contents, so start using it on your blog post immediately.