Heroic Table of Contents


Heroic Table of Contents is the easiest way to add a Table of Contents to your site.

A contents or index section allows readers to easily navigate pages on your site. The Heroic Table of Contents block automatically detects headings on a page, 4 built-in-styles, options for display and more.


  • Add a contents section to pages in seconds.
  • Choose from 4 pre-made Table of Contents styles.
  • Hide and relabel headings without altering the original content.
  • Choose which headings to display in the Table of Contents.
  • Expand and collapse the content section.
  • Place the contents section anywhere.
  • Choose bulleted, numbered or plain lists
  • Use multiple Table of Contents blocks to break up and sub-index lengthy content.
  • Mobile friendly
  • SEO friendly

Developer Notes


  • The Heroic Table of Contents Block adds a Table of Contents section to your content
  • Add the Heroic Table of Contents block using the + symbol and selecting it from the editor
  • The Table of Contents is automatically generated for headings (H1, H2, H3 etc)
  • Includes 4 built in styles, collapsible contents listing and select headings to include/exclude
  • Show/hide and relabel headings by clicking on the icons when the block is selected
  • Choose contents list style
  • Add custom links to the Table of Contents (beta feature)


這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

Heroic Table of Contents



  1. Visit the plugins page within your dashboard and select “Add New”
  2. Search for “Heroic Table of Contents”;
  3. Activate Heroic Table of Contents from your “Plugins” page;
  4. Go to “after activation” below.


  1. Upload the unzipped “heroic-toc” folder to your websites /wp-content/plugins/ directory;
  2. Activate the Heroic Table of Contents plugin through the “Plugins” page in WordPress;
  3. Go to “after activation” below.


You can now create a table of contents by adding the Heroic Table of Contents block to your content using the + button in the WordPress block editor.


Who should use Heroic Table of Contents?

This plugin allows you to add a Contents (Table of Contents, index, page navigation or whatever you want to call it) to your WordPress posts, pages and articles.

Will Heroic Table of Contents work with my theme?

Heroic Table of Contents is designed to work with any WordPress theme.

Is Heroic Table of Contents translation ready?

Yes, Heroic Table of Contents has full translation and localization support.

I have a question

Feel free to contact us directly via herothemes.com/contact/ for any questions.

How do I get support?

If you have trouble with the Heroic Table of Contents WordPress plugin, you can get help on the support forums here at wordpress.org or by checking out or knowledge base at herothemes.com/support/.

Do you have a demo of the Heroic Table of Contents?

Yes, you can see the table of contents in use on the Heroic Table of Contents Demo.


2020 年 5 月 29 日
I've tried every TOC plugin out there, and none of them get everything perfect. In fact, I just resorted back to doing it manually with the WordPress Block Editor. This takes a little more time but is also the fastest in terms of performance. I'm usually always for getting rid of plugins when possible. However, there are times to weigh the pros and cons. If you are adding a TOC to a majority of posts, this plugin hits the mark in terms of utilizing the Block Editor to its fullest! Click to hide headings you don't want, toggle between styles, open or closed. JS file is 500 B, and the CSS file is only 1KB. Now that's what I'm talking about. With GenerateBlocks, Iceberg, and now this, I'm excited about the future of WordPress and new block plugins. Already a long-time customer of Heroic KB. Keep up the great work guys!
閱讀全部 1 則使用者評論


以下人員參與了開源軟體〈Heroic Table of Contents〉的開發相關工作。


將 Heroic Table of Contents 外掛本地化為台灣繁體中文版


任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄



(26 Aug 2020)

(Fixed) React warnings in editor
(Improved) Editor styling


(14 Apr 2020)

(Improved) Styling improvements


(16 Mar 2020)

(New) Initial release