M Asif Rahman

Rupok

WPDeveloper

Rahat Hossain

Md Monir Hossain

Hanzala Taifun

<p><strong>Table of Contents</strong> is a roadmap for your whole content and helps your readers to locate specific parts of the page to go directly to that section.</p>
<p>Using Table of Contents Block (TOC), you can improve the reading experience, accessibility, page SEO score & help your visitors to easily navigate.</p>
<p>You don’t need any coding to create TOC in Gutenberg. Just install this block plugin & use Table of Content within Block Editor for WordPress.</p>
<p><strong>⚙️ Completely Customizable:</strong> You can customize and pick the heading tags which you want to appear on your Table of Contents.</p>
<p><strong>⚡ Super Light-weight:</strong> No extra resources used and it’s highly optimized to automatically add Table of Contents inside your post or pages.</p>
<p><strong>🧑‍💻 Dedicated Support:</strong> We’ve an extraordinary support team ready to help you. Ask your questions in the support forum, we’ll get back to you immediately.</p>
<h3>🎁 GET ACCESS TO 22+ MORE FREE BLOCKS FOR WORDPRESS BLOCK EDITOR</h3>
<p>Get <a href="https://wordpress.org/plugins/essential-blocks/" rel="ugc">Essential Blocks Gutenberg</a> editor – an advanced blocks library to power up your Gutenberg design experience. It brings stunning blocks including:</p>
<ul>
<li><a href="https://essential-blocks.com/docs/infobox/" rel="nofollow ugc">EB Infobox</a></li>
<li><a href="https://essential-blocks.com/docs/heading/" rel="nofollow ugc">EB Heading</a></li>
<li><a href="https://essential-blocks.com/docs/image-gallery/" rel="nofollow ugc">EB Image Gallery</a></li>
<li><a href="https://essential-blocks.com/docs/instagram-feed/" rel="nofollow ugc">EB Instagram Feed</a></li>
<li><a href="https://essential-blocks.com/docs/parallax-slider/" rel="nofollow ugc">EB Parallax Slider</a></li>
<li><a href="https://essential-blocks.com/docs/dual-button/" rel="nofollow ugc">EB Dual Button</a></li>
<li><a href="https://essential-blocks.com/docs/typing-text/" rel="nofollow ugc">EB Typing Text</a></li>
<li><a href="https://essential-blocks.com/docs/notice/" rel="nofollow ugc">EB Notice</a></li>
<li><a href="https://essential-blocks.com/docs/progress-bar/" rel="nofollow ugc">EB Progress Bar</a></li>
<li><a href="https://essential-blocks.com/docs/slider" rel="nofollow ugc">EB Slider</a></li>
<li><a href="https://essential-blocks.com/docs/social/" rel="nofollow ugc">EB Social</a></li>
<li><a href="https://essential-blocks.com/docs/team-member/" rel="nofollow ugc">EB Team Member</a></li>
<li><a href="https://essential-blocks.com/docs/testimonial/" rel="nofollow ugc">EB Testimonial</a></li>
<li><a href="https://essential-blocks.com/docs/block-wrapper/" rel="nofollow ugc">EB Block Wrapper</a></li>
<li><a href="https://essential-blocks.com/docs/pricing-table/" rel="nofollow ugc">EB Pricing Table</a></li>
<li><a href="https://essential-blocks.com/docs/flipbox/" rel="nofollow ugc">EB Flipbox</a></li>
<li><a href="https://essential-blocks.com/docs/image-comparison/" rel="nofollow ugc">EB Image Comparison</a></li>
<li><a href="https://essential-blocks.com/docs/call-to-action/" rel="nofollow ugc">EB Call To Action</a></li>
<li><a href="https://essential-blocks.com/docs/button/" rel="nofollow ugc">EB Button</a></li>
<li><a href="https://essential-blocks.com/docs/interactive-promo/" rel="nofollow ugc">EB Interactive Promo</a></li>
<li><a href="https://essential-blocks.com/docs/accordion/" rel="nofollow ugc">EB Accordion</a></li>
<li><a href="https://essential-blocks.com/docs/countdown/" rel="nofollow ugc">EB Countdown</a> + more coming soon</li>
</ul>
<h3>🚀 BACKED BY A TRUSTED TEAM</h3>
<p>This Block plugin is brought to you by WPDeveloper, the team behind the most popular elements library Essential Addons for Elementor (used by almost 1 million+ happy users from around 180 countries).</p>
<h3>⚡ SUPPORT & DOCUMENTATION</h3>
<p>🧑‍💻 If you have any more questions, visit our support on the Plugin’s Forum</p>
<p>🌐 For more information about features, FAQs and documentation, check out our website at <a href="https://essential-blocks.com/" rel="nofollow ugc">Essential Blocks for Gutenberg</a></p>
<h3>🙌 JOIN THE COMMUNITY</h3>
<ul>
<li>🎦 Subscribe to our Youtube Channel to watch video tutorials on WordPress</li>
<li>🤝 Join our Facebook Community & get connected with expert web creators like yourself</li>
<li>🧡 LOVED this plugin? Rate us on WordPress Repository</li>
</ul>
<h3>🔥 GET FREEBIES FOR YOUR WORDPRESS SITE</h3>
<p>Consider checking out our other WordPress solutions & boost your WordPress website:</p>
<p><strong>🔝 <a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons For Elementor</a>:</strong> Most popular Elementor addons with 70+ widgets & ready blocks</p>
<p><strong>☁ <a href="https://wordpress.org/plugins/templately/" rel="ugc">Templately</a>:</strong> Free templates library for Elementor & Gutenberg along with the cloud collaboration for WordPress</p>
<p><strong>🔔 <a href="https://wordpress.org/plugins/notificationx/" rel="ugc">NotificationX</a>:</strong> Best Social Proof & FOMO Marketing Solution to increase conversion rates</p>
<p><strong>📚 <a href="https://wordpress.org/plugins/betterdocs/" rel="ugc">BetterDocs</a>:</strong> Best Documentation & Knowledge Base Plugin for WordPress reduce manual support tickets & improve user experience.</p>
<p><strong>⏰ <a href="https://wordpress.org/plugins/wp-scheduled-posts/" rel="ugc">WP Scheduled Posts</a>:</strong> Advanced editorial calendar & complete solution for WordPress Post Scheduling, social sharing, missed scheduled alerts and more.</p>
<p><strong>⭐ <a href="https://wordpress.org/plugins/reviewx/" rel="ugc">ReviewX</a>:</strong> WooCommerce Product review plugin that allows users to submit product reviews with multiple criteria, photos, video and more</p>
<p><strong>♾️ <a href="https://wordpress.org/plugins/embedpress/" rel="ugc">EmbedPress</a>:</strong> Embed anything and everything in WordPress without any coding</p>
<p><strong>⚡ <a href="https://wordpress.org/plugins/flexia" rel="ugc">Flexia</a>:</strong> Most lightweight, customizable & multi purpose theme for WordPress</p>
<h3>Modern Way:</h3>
<ol>
<li>Go to the WordPress Block/Gutenberg Editor</li>
<li>Search For “Table of Contents Block”</li>
<li>Install in 1-click</li>
</ol>
<h3>Manual Installation:</h3>
<ol>
<li>Upload table-of-contents-block to the /wp-content/plugins/ directory</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress</li>
</ol>


Table Of Contents Block


Gutenberg / the block editor already adds enough bloat. This plugin contributes even more to that, adding at least 4 stylesheets. 



"SimpleTOC – Table of Contents Block" by Marc Tönsing does a much better job, in my opinion. 



This plugin does have a lot of nifty options, that those of you not concerned about your site's performance may be interested in having.


Adds bloat to your site

Automatically Add Table of Contents Block for your WordPress Posts & Pages

Syed Balkhi

benjaminprojas

AIOSEO Plugin Team

Mike

<p>A powerful yet user friendly plugin that automatically creates a context specific index or table of contents (TOC) for long pages (and custom post types).  More than just a table of contents plugin, this plugin can also output a sitemap listing pages and/or categories across your entire site.</p>
<p>Built from the ground up and with Wikipedia in mind, the table of contents by default appears before the first heading on a page.  This allows the author to insert lead-in content that may summarise or introduce the rest of the page.  It also uses a unique numbering scheme that doesn’t get lost through CSS differences across themes.</p>
<p>This plugin is a great companion for content rich sites such as content management system oriented configurations.  That said, bloggers also have the same benefits when writing long structured articles.</p>
<p>Includes an administration options panel where you can customise settings like display position, define the minimum number of headings before an index is displayed, other appearance, and more.  For power users, expand the advanced options to further tweak its behaviour – eg: exclude undesired heading levels like h5 and h6 from being included; disable the output of the included CSS file; adjust the top offset and more.  Using shortcodes, you can override default behaviour such as special exclusions on a specific page or even to hide the table of contents altogether.</p>
<p>Prefer to include the index in the sidebar?  Go to Appearance > Widgets and drag the TOC+ to your desired sidebar and position.</p>
<p>Custom post types are supported, however, auto insertion works only when the_content() has been used by the custom post type.  Each post type will appear in the options panel, so enable the ones you want.</p>
<p>Collaborate, participate, fork this plugin on <a href="https://github.com/zedzedzed/table-of-contents-plus/" rel="nofollow ugc">Github</a>.</p>
<h3>Shortcodes</h3>
<p>The plugin was designed to be as seamless and painfree as possible and did not require you to insert a shortcode for operation.  However, using the shortcode allows you to fully control the position of the table of contents within your page.  The following shortcodes are available with this plugin.</p>
<p>When attributes are left out for the shortcodes below, they will fallback to the settings you defined under Settings > TOC+.  The following are detailed in the help tab.</p>
<h4>[toc]</h4>
<p>Lets you generate the table of contents at the preferred position.  Useful for sites that only require a TOC on a small handful of pages.  Supports the following attributes:</p>
<ul>
<li>“label”: text, title of the table of contents</li>
<li>“no_label”: true/false, shows or hides the title</li>
<li>“wrapping”: text, either “left” or “right”</li>
<li>“heading_levels”: numbers, this lets you select the heading levels you want included in the table of contents.  Separate multiple levels with a comma.  Example: include headings 3, 4 and 5 but exclude the others with <code>heading_levels="3,4,5"</code></li>
<li>“class”: text, enter CSS classes to be added to the container. Separate multiple classes with a space.</li>
<li>“start”: number, show when this number of headings are present in the content.</li>
</ul>
<h4>[no_toc]</h4>
<p>Allows you to disable the table of contents for the current post, page, or custom post type.</p>
<h4>[sitemap]</h4>
<p>Produces a listing of all pages and categories for your site. You can use this on any post, page or even in a text widget.  Note that this will not include an index of posts so use sitemap_posts if you need this listing.</p>
<h4>[sitemap_pages]</h4>
<p>Lets you print out a listing of only pages. The following attributes are accepted:</p>
<ul>
<li>“heading”: number between 1 and 6, defines which html heading to use</li>
<li>“label”: text, title of the list</li>
<li>“no_label”: true/false, shows or hides the list heading</li>
<li>“exclude”: IDs of the pages or categories you wish to exclude</li>
<li>“exclude_tree”: ID of the page or category you wish to exclude including its all descendants</li>
<li>“child_of”: “current” or page ID of the parent page. Defaults to 0 which includes all pages.</li>
</ul>
<h4>[sitemap_categories]</h4>
<p>Same as <code>[sitemap_pages]</code> but for categories.</p>
<h4>[sitemap_posts]</h4>
<p>This lets you print out an index of all published posts on your site.  By default, posts are listed in alphabetical order grouped by their first letters.  The following attributes are accepted:</p>
<ul>
<li>“order”: text, either ASC or DESC</li>
<li>“orderby”: text, popular options include “title”, “date”, “ID”, and “rand”. See <a href="https://codex.wordpress.org/Class_Reference/WP_Query#Order_.26_Orderby_Parameters" rel="nofollow ugc">WP_Query</a> for a list.</li>
<li>“separate”: true/false (defaults to true), does not separate the lists by first letter when set to false.</li>
</ul>
<p>Use the following CSS classes to customise the appearance of your listing:</p>
<ul>
<li>toc_sitemap_posts_section</li>
<li>toc_sitemap_posts_letter</li>
<li>toc_sitemap_posts_list</li>
</ul>
<h3>Credits</h3>
<p>This plugin was created and maintained for many years by conjur3r. We are grateful for all the hard work he put in and we are excited to continue to build on that!</p>


Table of Contents Plus


The plugin is very good and useful (thanks dear Mike), but since update to 2302, it stopped working and the plugin settings have been reset.



WordPress version 6.2



LiteSpeed cache version 5.3.3


Stop working since the last update


I wonder why TOC+ settings are often restored by default, causing SEO issues. Furthermore, the plugin does not seem compatible with multilingual websites, so I may need to switch to a better solution. It's a pity since the basics of the plugin were great.


Not WPML compatible and settings get erased for no reason


TOC is not generated. Dunnu why, don't care.


does not work

A powerful yet user friendly plugin that automatically creates a table of contents. Can also output a sitemap listing all pages and categories.

Table Of Contents Block vs Table of Contents Plus