Table Of Contents Block

Description

Add an SEO-friendly Table of Contents(TOC) block to your posts and pages, which scans headings through the content and creates the TOC automatically. The TOC is a nested list of links to all headings found in the post or page. To use it, simply add the “Table of Contents” block. You can search for “TOC” to get this block.

You can hide the headline “Table of Contents” from the block’s sidebar and add your own by using a normal heading block.

βš™οΈ Completely Customizable: You can customize and pick the heading tags that you want to appear on your Table of Contents.

⚑ Super Lightweight: No extra resources are used and it’s highly optimized to automatically add a Table of Contents inside your post or pages.

πŸ§‘β€πŸ’» Dedicated Support: We’ve got an extraordinary support team ready to help you. Ask your questions in the support forum, we’ll get back to you immediately.

Features

  • Zero-configuration: Add the “Table of Contents” block to your post and that’s it.
  • Minimal and valid HTML output.
  • No JavaScript added.
  • Designed for Gutenberg.
  • Style “Table of Contents” with Gutenberg’s native group styling options.
  • Inherits the style of your theme.

Customization

  • Add background and text color with Gutenberg groups.
  • Native block support for wide and full width.
  • Control the maximum depth of the headings.
  • Choose between an ordered and unordered HTML list.
  • Toggle list indent.
  • Disable the h2 heading of the TOC block and add your own.

Compatibility

  • GeneratePress and Rank Math support.
  • Works with all popular AMP plugins.

About WPWing

WPWing is a startup that creates quality WordPress/WooCommerce plugins/add-ons you searching for.

Screenshots

  • Editor with Table of Contents block
  • Block inserter section
  • Block editor section
  • Block settings section
  • Output block with default settings
  • Output block using Group and background color

Blocks

This plugin provides 1 block.

  • Table Of Contents Adds a Table of Contents.

Installation

“Table of Contents” can be found and installed via the Plugin menu within WordPress administration (Plugins -> Add New). Alternatively, it can be downloaded from WordPress.org and installed manually…

  1. Upload the plugin files to the /wp-content/plugins/wpwing-table-of-contents-block directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress

FAQ

How do I change the TOC heading “Table of Contents” to some other words?

Hide the headline in the sidebar options of “Table of Contents”. Now add the core heading block before the “Table of Contents”.

How do I add a background color to the “Table of Contents”?

Use Gutenberg groups and add “Table of Contents” in it. Apply “background color”, “link color” and “text color” to this group. “Table of Contents” will inherit these styles. Would you like to use this styled “Table of Contents” group next time you write a post? Convert it to a reusable block.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Table Of Contents Block” is open source software. The following people have contributed to this plugin.

Contributors

“Table Of Contents Block” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Table Of Contents 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.6 – 22/04/2024

  • Update: Compatibility with WP 6.5
  • Update: Name and description update
  • Fix: Update text domain in js file
  • Few minor improvements.

1.0.5 – 18/02/2024

  • Bump version update.
  • Few minor improvements.

1.0.4 – 02/02/2024

  • Update: NPM packages.
  • Update: Compatibility with the latest WordPress.
  • Few minor improvements.

1.0.3 – 14/06/2022

  • Update: Change block name.
  • Update: NPM packages.
  • Fix: Remove unused code.
  • Few minor improvements.

1.0.2 – 26/06/2022

  • Update: Change block category to widgets.
  • Fix: Refactor code.
  • Few minor improvements.

1.0.1 – 18/06/2022

  • Fix: Refactor & mark deprecated some code.
  • Few minor improvements.

1.0.0 – 08/06/2022

  • Initial release