SimpleTOC – Table of Contents Block
Add a Table of Contents block to your posts and pages. The TOC is a nested list of links to all heading found in the post or page. To use it, simply add a block and search for “SimpleTOC” or just “TOC”. The maximum depth of the toc can be configured in in the blocks’ sidebar among many other options. There can hide the headline “Table of Contents” and add your own by using a normal heading block. Spin up a new WordPress instance with the SimpleTOC plugin already installed. User Feedback “It is lightweight, stable, and fully compatible with WordPress Full Site Editing. A reliable solution that integrates seamlessly and performs exactly as expected.” — @js100 on wordpress.org “Does the job perfectly, and adds no bloat.” — @clicknathan on wordpress.org “Simple yet powerful. Great plugin that does exactly what you need.” — @mixey on wordpress.org Accessibility This plugin is designed & developed for WCAG 2.2 level AA conformance. The plugin is tested with assistive technology and intended to be accessible, however some third party plugins or themes may affect the individual accessibility on a given website. If you find an accessibility issue, please let us know and we’ll try to address it promptly. Hidden TOCs use native and semantics without extra ARIA references that require custom IDs. Features Designed for Gutenberg. Zero configuration: Add the SimpleTOC block to your post and that’s it. Minimal and valid HTML output. Utilizes the browser’s built-in details tag for a collapsible interface. No JavaScript or CSS by default. Optional features such as the accordion menu, smooth scrolling, or box style add minimal assets only when enabled. Optional Box style in Gutenberg’s Styles tab with a default gray background. Native text, link, background, spacing, and typography controls. Global block styling through theme.json. Inherits the style of your theme. Smooth scrolling effect using CSS. Accessibility built-in by following web standards. Standard Gutenberg block wrapper with navigation role and ARIA label attributes. Translated in multiple languages. Including German, Japanese, Chinese (Taiwan), Dutch, Brazilian Portuguese, French, Spanish and Latvia. Ideal for creating a Frequently Asked Questions section on your website. Customization Administrators can utilize global settings to supersede the individual block settings. Set text, link, and background colors in Gutenberg’s Styles tab. Native block support for wide and full width. Set vertical margins and padding with native spacing controls. Control the maximum depth of the headings. Choose between an ordered, bullet HTML list. Or indent the list. Select the Box style directly in Gutenberg’s Styles tab. Select a heading level or turn it into a paragraph. Disable the h2 heading of the TOC block and add your own. Compatibility GeneratePress and Rank Math support. Works with popular AMP plugins. How to contribute SimpleTOC is open-source and developed on GitHub Pages. If you find a bug or have an idea for a feature please feel free to contribute and create a pull request. Credits Many thanks to Tom J Nowell and and Sally CJ who both helped me a lot with my questions over at wordpress.stackexchange.com And many more thanks to all the developers on GitHub who helped me making SimpleTOC what it is today! Thanks to Quintus Valerius Soranus for inventing the Table of Contents around 100 BC.
Top keywords
- block9×1.64%
- add6×1.09%
- wordpress6×1.09%
- gutenberg5×0.91%
- simpletoc5×0.91%
- accessibility4×0.73%
- heading4×0.73%
- native4×0.73%
- style4×0.73%
- toc4×0.73%
- background3×0.55%
- box3×0.55%
Table Of Content Block – Auto-Generate Clickable Table of Contents
Enhance your long-form content with the Table of Contents Block! 📚 This powerful WordPress plugin automatically generates a smart, interactive table of contents, making your content easy to navigate. It helps guide your readers effortlessly to the sections they’re interested in.Ideal for content creators, bloggers, and website owners, this tool transforms any lengthy article into a well-organized, user-friendly masterpiece. 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. 📌 Ideal For ✔ Blog Posts – Keep readers scrolling longer. ✔ Documentation & FAQs – Make help articles easier to navigate. ✔ Tutorials & Guides – Improve readability for step-by-step content. ✔ Knowledge Bases & Wikis – Organize long-form content like a pro. ✔ Affiliate & Review Sites – Help users find key sections faster. 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! Why choose Table of Contents Block? Readers often get lost in lengthy content. This plugin helps guide them exactly where they want to go—improving navigation, boosting time-on-page, and enhancing the overall experience. 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. 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.
