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

CreativeMindsSolutions

<p><a href="https://www.cminds.com/wordpress-plugins-library/table-of-contents-plugin-for-wordpress/" rel="nofollow ugc">Premium Plugin Page</a> | <a href="https://www.videolessonsplugin.com/video-lesson/lesson/table-contents-plugin/" rel="nofollow ugc">Video</a> | <a href="https://www.listwp.com/cm-table-of-content-demo-main-menu/" rel="nofollow ugc">Demo</a> | <a href="https://creativeminds.helpscoutdocs.com/category/271-table-of-contents-cmtoc" rel="nofollow ugc">User Guide</a></p>
<p><strong>Create a table of contents and help users easily navigate your WordPress site content. Define the table of contents sections using headers and css classes.</strong></p>
<p>⭐ <em>We’re excited to present the renewed version of CM Table of Contents! Now featuring a Setup Wizard for effortless setup and new tools, including customizable “Back to Top” buttons, list type selection, and enhanced styling options. Upgrade your content navigation experience today!</em></p>
<p>This WordPress plugin enables users to generate a customizable table of contents that can be added to any page or post.</p>
<p>You can define the table of contents using div/span tags or CSS classes, in addition to h tags.</p>
<h3>TOC Plugin Premium Editions</h3>
<p>The <a href="https://www.cminds.com/wordpress-plugins-library/table-of-contents-plugin-for-wordpress/" rel="nofollow ugc">TOC Plugin Premium edition</a> includes even more powerful features, such as: floating toc side widget, collapse and expand toc support, multiple TOC per post/page and much more.</p>
<h3>TOC Plugin Introduction Video</h3>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/130259229" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<h3>Using the TOC Plugin</h3>
<ul>
<li><strong>Automatic Table of Contents</strong> – Automatically creates a context specific table or index of contents (TOC) on any post or page or custom post type.</li>
<li><strong>Customize your Table of Contents</strong> – Easily customize your navigation table based on specific tags and CSS classes. You can also display the TOC in one or two columns.</li>
<li><strong>Style the TOC</strong> – Style the table according to the users’ needs or branding.</li>
<li><strong>Order your Content</strong> – Use the WordPress table of contents plugin to create order within your pages & posts, including blog posts and articles.</li>
<li><strong>On Page Navigation Tool</strong> – Makes it easy for your users to navigate between different sections of your content. Use a floating DIV which comes with the TOC once users scroll the page.</li>
<li><strong>Support Child Pages</strong> (premium only) – Navigate to your child pages from the parent page.</li>
<li><strong>Next Page Support</strong>  (premium only) – Table of contents help readers in long paginated posts, by pointing to the exact location in the pages/post.</li>
<li><strong>Shortcode</strong> – The plugin was designed to be as seamless as possible and does not require you to insert a shortcode. However, using the shortcode allows you to fully control the position of the table of contents within your page.</li>
</ul>
<h3>Basic Features</h3>
<ul>
<li>Define TOC by tag, class and id.</li>
<li>Change Table of Contents title.</li>
<li>Basic TOC styling.</li>
<li>Easily style the navigation table color and font size.</li>
<li>Insert TOC in any specific location on a post or a page using a shortcode.</li>
<li>Choose the type of the list elements of the Table of Contents.</li>
<li>Add “Back to the Top” Button/Arrow.</li>
<li>Customize the style of the “Back to the Top” Button/Arrow.</li>
<li>Includes a user-friendly Setup Wizard for quick and easy plugin configuration.</li>
</ul>
<h3>How to Use the WordPress Table of Contents Plugin</h3>
<ul>
<li>Automatically add the navigation table to any page or post.</li>
<li>Customize your table of contents based on specific tags and classes.</li>
<li>Style the table for user needs or design.</li>
</ul>
<h3>Pro Version Features</h3>
<p><a href="https://www.cminds.com/wordpress-plugins-library/table-of-contents-plugin-for-wordpress/" rel="nofollow ugc">Pro Version Detailed Features List</a> | <a href="https://www.listwp.com/table-of-contents-pro-demo/" rel="nofollow ugc">Demo Site</a></p>
<ul>
<li>Collapse TOC on page upload.</li>
<li>Automatically create TOC for all site pages.</li>
<li>Define TOC using unique tags on each post or page.</li>
<li>Insert multiple TOC in any specific locations within a post or a page using a shortcode.</li>
<li>Define specific tags for each page or post.</li>
<li>Change the appearance of TOC: font size, color, weight and style.</li>
<li>Support Custom Post Type.</li>
<li>Define show and hide the table behavior.</li>
<li>Support allowing the table of contents to navigate to child pages of the parent page.</li>
<li>Widget support – TOC can also be displayed using a sidebar widget.</li>
<li>Next Page Support – In long paginated posts, TOC can point to the exact location in the pages and posts.</li>
<li>Add TOC to any page or post.</li>
<li>Support Hierarchical / Multi-Level Table.</li>
<li>Support displaying multiple TOC per post/page.</li>
<li>Enable/Disable TOC for certain posts/pages.</li>
<li>Support wrapping the text left or right.</li>
<li>Support displaying TOC in one or two columns.</li>
<li>Support displaying a floating TOC div once user scrolls the page.</li>
</ul>
<h3>Follow Us</h3>
<p><a href="https://www.cminds.com/category/wordpress/" rel="nofollow ugc">Blog</a> | <a href="http://twitter.com/cmplugins" rel="nofollow ugc">Twitter</a> | <a href="https://www.linkedin.com/company/creativeminds" rel="nofollow ugc">LinkedIn</a> | <a href="https://www.youtube.com/user/cmindschannel" rel="nofollow ugc">YouTube</a> | <a href="http://www.pinterest.com/cmplugins/" rel="nofollow ugc">Pinterest</a> | <a href="https://www.facebook.com/cmplugins/" rel="nofollow ugc">Facebook</a></p>
<h3>Suggested Plugins by CreativeMinds</h3>
<p>List of all <a href="https://www.cminds.com" rel="nofollow ugc">WordPress Plugins</a> by CreativeMinds</p>
<ul>
<li><a href="https://glossaryplugin.com/" rel="nofollow ugc">CM Tooltip Glossary</a> – Easily creates a Glossary, Encyclopaedia or Dictionary of your website’s terms and shows them as a tooltip in posts and pages when hovering. With many more powerful features.</li>
<li><a href="https://www.answersplugin.com/" rel="nofollow ugc">CM Answers Plugin</a> – A fully-featured WordPress Questions & Answers Plugin that allows you to build multiple discussion forum systems Just like StackOverflow, Yahoo Answers and Quora, Now with MicroPayments and Anonymous posting support.</li>
<li><a href="https://onboardingplugin.com/" rel="nofollow ugc">CM OnBoarding</a> – Superb Guidance tool which improves the online experience and the user satisfaction.</li>
</ul>


CM Table Of Contents – Clear navigation for better content discovery

Create and display a table of contents for your posts and pages. Improve navigation with an easy-to-use TOC generator.

Table Of Contents Block vs CM Table Of Contents – Clear navigation for better content discovery