Description
Transform your long-form content into a well-organized, easily navigable masterpiece with the Table of Contents Block! 📚 This powerful WordPress plugin automatically creates a smart, interactive table of contents that guides your readers exactly where they want to go.
Tired of losing readers in lengthy articles? Our Table of Contents Block is your solution! It automatically scans your content, identifies all headings, and creates a beautiful, clickable navigation menu that helps readers instantly jump to the sections they’re most interested in.
Perfect for:
✨ Blog Posts
✨ Documentation Pages
✨ Tutorial Articles
✨ Knowledge Base Content
✨ Educational Resources
✨ Any Long-Form Content
What makes this plugin special? It’s not just a table of contents – it’s a complete content navigation system that:
• Works automatically – just add the block and watch the magic happen
• Stays synchronized with your content – updates in real-time as you edit
• Looks beautiful on all devices – fully responsive design
• Enhances reader engagement – keeps visitors on your page longer
• Improves SEO performance – helps search engines understand your content structure better
Whether you’re a blogger, content creator, or business owner, this plugin helps make your content more professional, accessible, and user-friendly. Give your readers the premium content experience they deserve!
Table Of Content Block Features
-
Automatic Generation: The block automatically generates a TOC based on the headings in your post or page.
-
Customizable Styles: You can customize the appearance of TOC, including font, size, and colors.
-
Multiple Levels: The block supports multiple levels of headings, allowing you to create a hierarchical table of contents.
-
Smooth Scrolling: Clicking on a table of contents entry smoothly scrolls the page to the corresponding heading.
-
Anchor Links: TOC entries are linked to the corresponding headings using anchor links.
-
Gutenberg Integration: The block seamlessly integrates with the Gutenberg editor, making it easy to add a table of contents to your content.
-
Responsive Design: TOC is designed to be responsive and adapt to different screen sizes.
Benefits:
-
Improved Navigation: Provides an easy way for visitors to navigate long-form content.
-
Enhanced User Experience: Makes it easier for visitors to find the information they are looking for.
-
SEO Optimization: Helps search engines understand the structure of your content, which can improve your SEO rankings.
How to use Table Of Content Block
- First, install the Table Of Content Block plugin from the WordPress dashboard.
- Add the Table Of Content Block from the block category called “ widgets” in the Gutenberg editor.
- You can change block settings from the right-side settings sidebar.
-
Enjoy!
-
For installation help click on Installation Tab
– Did you like this plugin? Dislike it? Have a feature request? Please share your feedback with us
⭐ Check out the Parent Plugin of this plugin-
🔥 B Blocks – Best gutenberg blocks collections for WordPress.
⭐ Check out our other WordPress Plugins-
🔥 Html5 Audio Player – Best audio player plugin for WordPress.
🔥 Html5 Video Player – Best video player plugin for WordPress.
🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.
🔥 Document Embedder – Best WordPress Document Embedder Plugin.
🔥 3D Viewer – Display interactive 3D models on the webs.
🔥 Advanced Post Block – Best Post Display Plugin for WordPress.
External Service Integration
Service Name: package.js
- Docs link: package docs link
Developer Notes
-
Assets file name
assets file destination. ex: public/js/*.min.js -
Public source code GitHub link for review, study, and contribute.
For more information on how to contribute to this plugin, please visit our GitHub repository.
Blocks
This plugin provides 1 block.
- Table of Contents The Table of Contents block automatically generates a table of contents for your WordPress post or page.
Installation
From Gutenberg Editor:
- Go to the WordPress Block/Gutenberg Editor
- Search For Table Of Content Block
- Click on the Table Of Content Block to add the block
Download & Upload:
- Download the Table Of Content Block plugin (.zip file)
- In your admin area, go to the Plugins menu and click on Add New
- Click on Upload Plugin and choose the
table-of-content-block.zip
file and click on Install Now - Activate the plugin and Enjoy!
Manually:
- Download and upload the Table Of Content Block plugin to the
/wp-content/plugins/
directory - Activate the plugin through the Plugins menu in WordPress
FAQ
-
Does it work with any WordPress theme?
-
Yes, it will work with any standard WordPress theme.
-
Can I change block settings?
-
Yes, you can change block settings from the Gutenberg block editor’s right sidebar.
-
How many times can I reuse a block?
-
You can use unlimited times as you want.
-
Where can I get support?
-
You can post your questions on the support forum here
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Table Of Content Block” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Table Of Content Block” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.3 – 21 April 25
- Fixed toggle icon
1.0.2 – 16 April 25
- Update readme and block icon
1.0.1 – 30 Mar 25
- Improvements
1.0.0
- Initial Release