---
title: "Table of Content Block For WordPress"
url: https://nexterwp.com/nexter-blocks/blocks/wordpress-table-of-contents/
date: 2024-06-13
modified: 2025-12-03
author: "Editorial Team"
description: "Create a Table of Contents for your WordPress site effortlessly with this plugin. Automatically generate SEO-optimized TOCs, collapsible sections, and anchor links. Improve user experience and navigation with this essential tool."
image: https://nexterwp.com/wp-content/uploads/2024/05/Table-of-Content-for-WordPress-1024x519.png
word_count: 164
---

# Table of Content Block For WordPress

## Live Demos of Table of Content

[![creative](https://nexterwp.com/wp-content/uploads/2024/06/Collapsible-Table-of-Contents-on-Sidebar.png)](https://gtemplates.wdesignkit.com/nexterdemos/table-of-content-demo-1/)Collapsible Table of Contents on Sidebar

[![creative](https://nexterwp.com/wp-content/uploads/2024/06/Current-Section-Highlighter-Table-of-Contents.png)](https://gtemplates.wdesignkit.com/nexterdemos/table-of-content-demo-2/)Current Section Highlighter Table of Contents

[![creative](https://nexterwp.com/wp-content/uploads/2024/06/WordPress-Table-of-Contents-Based-on-Heading-Tags.png)](https://gtemplates.wdesignkit.com/nexterdemos/table-of-content-demo-3/)WordPress Table of Contents Based on Heading Tags

[![creative](https://nexterwp.com/wp-content/uploads/2024/06/Fixed-Table-of-Contents-with-Segregated-Headings.png)](https://gtemplates.wdesignkit.com/nexterdemos/table-of-content-demo-4/)Fixed Table of Contents with Segregated Headings

![icon](https://nexterwp.com/wp-content/uploads/2024/08/key-features.svg)

#### Key Featuresof Table of Content

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Choose Between 2 List Types for Flexible Content Display.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Select From 5 Unique Styles to Match Your Design.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Enable Child Collapsed Mode for a Cleaner Look.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Adjust Heading Content Offset for Precise Navigation.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Enjoy Smooth Scrolling for Better User Experience.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Set Scroll Duration and Offset for Full Control.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Use Fixed Positioning to Keep Navigation Always Visible.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Target Specific Sections With Custom Content Selectors.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Highlight Important Content Using Custom Heading Levels.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Show or Hide Titles to Simplify the Layout.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Add Context With Editable Titles and Descriptions.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Align Elements Left, Right, or Center as Needed.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Personalize Backgrounds and Colors to Match Your Brand.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Add Box Shadows for a Stylish and Modern Design.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Fully Responsive for Perfect Viewing on Any Device.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)Lightweight and Optimized for Fast Performance.

![icon Image](https://nexterwp.com/wp-content/uploads/2024/06/true-icon.svg)SEO-Friendly to Enhance Content Discoverability.

## Read How it Works

## Watch How it Works

[![click here](https://nexterwp.com/wp-content/uploads/2024/05/Layer.svg)Subscribe for More Video Tutorials](https://www.youtube.com/channel/UCPChp9hLnrKX9FY1ZzFCyJw)