🔧 Step 1: Install the Plugin
- Go to WordPress Dashboard → Select Plugins → Add New.
- Type “Easy Table of Contents” in the search bar.
- Click Install Now → After installation, select Activate.
⚙️ Step 2: Configure the Table of Contents
- Go to Settings → Table of Contents.
- In the General tab:
- Enable Support: Choose the post types where the table of contents will appear (Posts, Pages, Custom Post Types).
- Auto Insert: Select where to automatically insert the table of contents (e.g., post, page).
- Position: Choose where to display (Top, Bottom, Before first heading…).
- In the Appearance tab:
- Width: Set the table width.
- Title: Customize the table of contents title (e.g., “Table of Contents” or “Content Summary”).
- Theme: Choose a theme (Grey, Light Blue, White…).
- In the Advanced tab:
- Heading Levels: Choose which heading tags to display (H1, H2, H3…).
- Smooth Scroll: Enable smooth scrolling.
- Hierarchical View: Display in hierarchical format.
🏷️ Step 3: Manually Insert the Table of Contents (Optional)
You can manually insert the table of contents using this shortcode:
[ez-toc]📝 Step 4: Customize CSS (Optional)
To personalize the design, go to Appearance → Customize → Additional CSS and add custom code. Example:
#ez-toc-container {
background-color: #f0f8ff;
border: 1px solid #007bff;
padding: 15px;
border-radius: 10px;
}
✅ Step 5: Test and Finalize
- Check if the table of contents appears correctly on a post.
- Adjust the settings if necessary.


Bài Viết Liên Quan
What is the Porto Theme? A Versatile Solution Beyond WooCommerce Optimization
What is the Woodmart Theme? The True Power of a “Heavy but Worth It” Design in Modern Web Development
Flatsome – Why It Has Become the Most Widely Used WooCommerce Theme
Redis from Installation to Operation: A Complete Guide and How to Fix the “Failed listening on port 6379 (tcp)” Error
CSF, A Powerful and Easy to Control Firewall for Linux Servers
The Silent Shield for Servers in an Age of Cyber Attacks
Bài Viết Cùng thể loại
What is the Porto Theme? A Versatile Solution Beyond WooCommerce Optimization
What is the Woodmart Theme? The True Power of a “Heavy but Worth It” Design in Modern Web Development
Flatsome – Why It Has Become the Most Widely Used WooCommerce Theme
WordPress Updated from 6.9.3 to 6.9.4 Within One Day: What Happened and Should You Be Concerned?
WordPress VPS Crashes After Using JetBrains AI + GitHub Copilot — How a Quick Fix Saved RAM and Wiped Out Malware
WordPress 6.9.1: A Key Maintenance Release Strengthening the Foundation of the World’s Most Popular Web Publishing Platform