🔧 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 CyberPanel and why it is one of the best free control panels for PHP
What is BeTheme and why does it remain one of the most widely used WordPress themes?
Avada – Why It Remains the Most Widely Used WordPress Theme in the World
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
Bài Viết Cùng thể loại
What is BeTheme and why does it remain one of the most widely used WordPress themes?
Avada – Why It Remains the Most Widely Used WordPress Theme in the World
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?