Adds a user friendly and fully automatic way to create and display a table of contents generated from the page content.
A user friendly, featured focused Easy Table of Contents plugin which allows you to insert a table of contents into your posts, pages and custom post types.
Home | Help & Tech Support | Documentation | Pro version Features
<!--nextpage-->
tag.the_content()
template tag.With EASY TABLE OF CONTENTS PRO You will get access to more professional Settings, options and positions to really push your TOC to the next level.
* New – Gutenberg Block : Easily create TOC in Gutenberg block without the need of any coding or shortcode.
* New – Elementor Widget : Easily create TOC using Elementor Widget without the need of any coding or shortcode.
* New – Fixed/Sticky TOC : Users can find the content that they need, much faster through the option of sticky TOC.
* New – Fixed/Sticky TOC Customization : Customize the appearance of Sticky TOC with Theme Design options.
* New – Full AMP Support : Generates a TOC with your existing setup and make it AMP compatible automatically.
* NEW – ACF Support : Easily create TOC with your custom ACF fields.
* NEW – View More : Show selected number of TOC heading before user clicks to show remaining headings.
* NEW – Read Time : Show time of read for your posts/pages.
* NEW – Collapsable Sub Headings : Show/Hide sub headings of the Table of contents.
* NEW – Highlight Headings : Sticky heading highlight while scrolling through the content.
With Our shortcode feature you are in command of the table of contents with very little effort and even if you have little to no programming skills.
[ez-toc] Would generate the table of contents.
Below are the attibutes we support and could be useful in configuring the table of contents:
[header_label=”Title”] – title for the table of contents
[display_header_label=”no”] – no title for the table of contents
[toggle_view=”no”] – no toggle for the table of contents
[initial_view=”hide”] – initially hide the table of contents
[initial_view=”show”] – initially show the table of contents
[display_counter=”no”] – no counter for the table of contents
[post_types=”post,page”] – post types seperated by ,(comma)
[post_in=”1,2″] – ID’s of the posts|pages seperated by ,(comma)
[post_not_in=”1,2″] – ID’s of the posts|pages seperated by ,(comma)
[device_target=”desktop”] – mobile or desktop device support for the table of contents
[view_more=”5″] – 5, is the number of headings loads on first view, before user interaction (PRO)
We try our best to provide support on WordPress.org forums. However, We have a special team support where you can ask us questions and get help. Delivering a good user experience means a lot to us and so we try our best to reply each and every question that gets asked.
Bug reports for Easy Table of Contents are welcomed on GitHub. Please note GitHub is not a support forum, and issues that aren’t properly qualified as bugs will be closed.
Easy Table Contents is a fork of the excellent Table of Contents Plus plugin by Michael Tran.
Add New
sub-page under the Plugins admin page.easy table of contents
.Install Now
link.Activate Plugin
link to activate the plugin.Add New
sub-page under the Plugins admin page.Upload
link.Install Now
button.Activate Plugin
link to activate the plugin.easy-table-of-contents
directory in the ../wp-content/plugins/
directory.You first stop should be the Table of Contents settings admin page. You can find this under the Settings menu item.
You first and only required decision is you need to decide which post types you want to enable Table of Contents support for. By default it is the Pages post type. If on Pages is the only place you plan on using Table of Contents, you have nothing to do on the Settings page. To keep things simple, I recommend not changing any of the other settings at this point. Many of the other settings control when and where the table of contents is inserted and changing these settings could cause it not to display making getting started a bit more difficult. After you get comfortable with how this works… then tweak away 🙂
With that out of the way make sure to read the How are the tables of contents created? FAQ so you know how the Table of Contents is automatically generated. After you have the page headers setup, or before, either way… Scroll down on the page you’ll see a metabox named “Table of Contents“, enable the Insert table of contents. option and Update and/or Publish you page. The table of contents should automatically be shown at the top of the page.
The table of contents is generated by the headers found on a page. Headers are the <h1>,<h2>,<h3>,<h4>,<h5>,<h6>
HTML tags. If you are using the WordPres Visual Post Editor, these header tags are used and inserted into the post when you select one of the Heading n options from the formatting drop down. Each header that is found on the page will create a table of content item. Here’s an example which will create a table of contents containing the six items.
<h1>Item 1</h1> <h1>Item 2</h1> <h1>Item 3</h1> <h1>Item 4</h1> <h1>Item 5</h1> <h1>Item 6</h1>
You can also create “nested” table of contents. This is difficult to explain so I’ll illustrate building on the previous example. In this example a table of contents will be created with the same six items but now the first three will each an child item nested underneath it. The indentation is not necessary, it was only added for illustration purposes.
<h1>Item 1</h1> <h2>Item 1.1 -- Level 2</h2> <h1>Item 2</h1> <h2>Item 2.1 -- Level 2</h2> <h1>Item 3</h1> <h2>Item 3.1 -- Level 2</h2> <h1>Item 4</h1> <h1>Item 5</h1> <h1>Item 6</h1>
You are not limited to a single a single nested item either. You can add as many as you need. You can even create multiple nested levels…
<h1>Item 1</h1> <h2>Item 1.1 -- Level 2</h2> <h3>Item 1.1.1 -- Level 3</h3> <h3>Item 1.1.2 -- Level 3</h3> <h3>Item 1.1.3 -- Level 3</h3> <h2>Item 1.2 -- Level 2</h2> <h3>Item 1.2.1 -- Level 3</h3> <h3>Item 1.2.2 -- Level 3</h3> <h3>Item 1.2.3 -- Level 3</h3> <h2>Item 1.3 -- Level 2</h2> <h1>Item 2</h1> <h2>Item 2.1 -- Level 2</h2> <h2>Item 2.2 -- Level 2</h2> <h1>Item 3</h1> <h2>Item 3.1 -- Level 2</h2> <h2>Item 3.2 -- Level 2</h2> <h1>Item 4</h1> <h1>Item 5</h1> <h1>Item 6</h1>
You can nest up 6 levels deep if needed. I hope this helps you understand how to create and build your own auto generated table of contents on your sites!
Yes you can add the TOC with this shortcode – [ez-toc] and with the help of this you can easily add the TOC in the content or anywhere in the WordPress and if you want to add the shortcode on the theme file then you can add it with the help of this code – and with this, you can add the TOC on any file according to your need.
Full changelog available at changelog.txt