GutenTOC – Advanced Table of Contents

Plugin Banner

GutenTOC – Advanced Table of Contents

by Tauhidpro

Download
Description

GutenTOC is an SEO-friendly customizable block for the WordPress block editor (Gutenberg).
It scans headings through your page or post content and creates the table of contents (TOC) automatically.

Supporting Future Development

If you like this plugin, please rate and review it here in the WordPress Plugin Directory.
Thank you for your support!

How to Add a Block

  1. Go to the block editor.
  2. Add a block by searching for “TOC” or “Table of Contents”.

Features

  • Automatically generate a table of contents with the GutenTOC block.
  • Auto-generated anchors (customizable if needed).
  • SEO friendly (anchors display nicely in SERPs).
  • Option to toggle TOC visibility.
  • Counter bullet formats: none, decimal, numeric, icon.
  • Smooth scrolling to headings.
  • Customizable styles: background color, border color, text color, font settings, etc.

Automatic Installation

  • Requires WordPress 5.0 or higher.
  • Go to WordPress admin Plugins Add New.
  • Search for “GutenTOC”.
  • Install and activate.
  • Add the “GutenTOC” block inside the editor.
  1. TOC initially hidden

    TOC initially hidden

  2. TOC block in editor

    TOC block in editor

  3. TOC aligned right

    TOC aligned right

  4. TOC aligned left/right

    TOC aligned left/right

  5. TOC background color option

    TOC background color option

  6. TOC border color option

    TOC border color option

  7. TOC text color option

    TOC text color option

  8. TOC border radius

    TOC border radius

Can I get support for using the block?

Yes, we reply to every question in the support forum.

Does this plugin slow down my website?

No. The plugin has almost no impact on page load for visitors.

Is this plugin free?

Yes, it is completely free.

It works well, but...

By dobem on July 22, 2024

This plugin is good. It works well and deserves 5 stars, but it has an invalid CSS class.

.gutentoc.tocactive {

  1. widows: 100%;

}

This doesn't work for me. It would probably be width:100%. Or, I could be wrong!

Nice plugin! Few suggestions though...

By leanderbraunschweig on November 10, 2022

Great plugin, works fine and comes with numerous well thought-out options – thanks for this!! Some suggestions / things I'd love to see in a coming version:
  • Make the source JS readable (currently completely minified) and as such editable / understandable – I cannot contribute if it is obfuscated like this...
  • Would love to see the numbering of the second (third, ...) levels reflect the parent numbers – by that I mean level 1 with levels 1.1 and 1.2 instead of having level 1 repeat level 1, level 2, etc.
  • Make the plugin translatable via WP's coding standards so I can change the labels accordingly without editing plugin code directly
Regards

Useful, but has accessibilty issues

By Guillaume G. (g4ll4is) on June 29, 2022

This plugin does a good job, but it has multiple accessibility issues (invalid list code, TOC title isn't a true heading, open/show TOC not keyboard focusable...).

Almost perfect

By manojbera88 on March 10, 2022

This plugin is working perfectly as per requirement. Only one thing is that "rankmath seo plugin" doesn't detect this plugin, therefore getting low SEO score. Please follow the Rankmath guide to add this functionality. Thanks.

Excellent Plugin

By Tim (tlimgh) on January 9, 2022

Automatically sets table up with tags. Smooth scrolling is nice. Simple yet elegant. Please add support for Rankmath.

Man I love this plugin

By BraveThunders (stunvn) on August 24, 2021

Not gonna lie this is the best TOC plugin on wordpress.

works fine on my page

By yastychef on November 27, 2020

had to switch from another table of contents plugin a different one, cause it broke my content ... so try this now and it works fine and easy... thank you ... I hope you keep updating it ... the most of these table of contents plugins are not getting updated anymore ..

Very nice plugin

By vipinchadha on September 13, 2020

Very nice plugin. Absolutely perfect. One suggestion - maybe you want to add it as a widget as well in the sidebar which floats down as you scroll highlighting the section you are in. Regards V

Not working with nextpage tag :(:(:(:(:(

By htavasoglu on June 21, 2020

It could be the best if it supported the nextpage tag.... Is it possible for the next update? Thanks a lot...

Perfect

By babysnakes on June 4, 2020

So simple to use and produces a very tidy ToC. Install and activate and you're ready to go. No settings to configure on the dashboard. Just drop the block onto your page and you get the perfect ToC.Comprehensive block settings that will keep most people happy with the layout.

0.0.1

  • Initial Release

0.0.2

  • Added TOC alignment option

1.0.1

  • WordPress 5.5 compatibility

2.0.1

  • Fixed extra editor core CSS

2.0.2

  • Fixed scrolling issue

2.0.5

  • Added options: Font Size, Line Height, Font Weight, Font Family, Letter Spacing, Text Color, Hover Color, Hover Underline
Back to top