Last Updated on

When writing long posts, a table of contents is absolutely necessary.

There are many plugins on the repo which will use the heading structure to create this summary dynamically, and add the to the posts automatically:

I would like to cover today several new blocks that offer a similar functionality to the two examples above:

Summary Block by Advanced Gutenberg Blocks

This plugins has no options and it has a small glitch which makes it render HTML links inside headings, as you can see below:

Summary Block by Advanced Gutenberg

This plugins has some very basic settings, you can have the summary open or close and you can select the color for the links:

Table of Contents by GhostKit

The plugin lets your choose from a few different styles and also te select which headings are going to be used to create the table of content

Table of contents Block by Ultimate Blocks

This plugins offers the option to select de “depth” of the headings we want to use for the table of contents, but little else:

Table of contents Block by Ultimate Addons Blocks

We have a clear winner here, this plugin offers the most options by far, both in terms of style and regarding functionality, including “smooth scroll”, speed, offset and even a “back to top” option.

And here is the table in action:


Table of Contants by LuckyWP

I found about this block recently and recided I would update this post accordingly, as I believe this is the best summary block available ad the moment for the following reasons:

  • It has be most complete features by far
  • It is the least buggy of all
  • It works as single purpose block
  • The block does not preview the layout in the editor, which sounds like a limitation, but it prevents lagging issues caused by the other blocks that do offer a preview.

I will do an in-depth review of this plugin, but you can visit the plugin’s site here for more info.

Below is some dummy post content to populate the tables of content above:

Lorem ipsum dolor sit amet

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit

In voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis aute irure dolor in reprehenderit.

In voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Dolor in reprehenderit.

In voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Reprehenderit in voluptate

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit.

In voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Photo by Suzy Hazelwood, Pexels.

Published by Alvaro Gómez Velasco

Alvaro is widely known for his skills at copy-pasting code, activity at which he has excelled since 1997. After ten years freelancing as a WordPress consultant and teacher Alvaro currently works as a Happiness Engineer at Automattic. It is said that in another life he was a professional photographer. Bilbaíno and father of Julia & Clara.

Leave a comment

Leave a Reply

%d bloggers like this: