Arunas Liuiza

A tiny and simple to help with navigation in long texts by forming an automatic Wikipedia-like table of contents.
It works by scanning the text for headings (<code><h1>-<h6></code> HTML tags). If more than a certain amount of headings (3 by default) are found – a table of contents with bookmarks is formed and inserted to the post content. Location (above or below) the text can be chosen in settings page.
TOC is formed as HTML5 <code><nav></code> element with nested ordered list inside. No specific styling is provided, so that it fits organicaly into the text. If you need specific styling, include it to your theme’s CSS.
You can also use a shortcode – <code>[toc]</code>, template tags – <code>get_toc()</code>/<code>the_toc()</code> and a widget – <code>tinyTOC Widget</code>.
The plugin is translation ready and has Lithuanian translation.
Also try out my other plugins:
<ul>
<li><a href="http://arunas.co/cc" rel="nofollow ugc">Content Cards</a> – a plugin that makes ordinary web links great by making it possible to embed a beautiful Content Card to link to any web site.</li>
<li><a href="http://arunas.co/gust" rel="nofollow ugc">Gust</a> – a Ghost-like admin panel for WordPress, featuring Markdown based split-view editor.</li>
<li><a href="http://arunas.co/tinycoffee" rel="nofollow ugc">tinyCoffee</a> – a PayPal donations button with a twist. Ask people to treat you to a coffee/beer/etc. </li>
<li><a href="http://arunas.co/tinysocial" rel="nofollow ugc">tinySocial</a> – a plugin to display social sharing links to Facebook/Twitter/etc. via shortcodes</li>
<li><a href="http://arunas.co/tinyrelated" rel="nofollow ugc">tinyRelated</a> – a plugin to manually assign and display related posts.</li>
<li><a href="http://arunas.co/tinyip" rel="nofollow ugc">tinyIP</a> – Premium – stop WordPress users from sharing login information, force users to be logged in only from one device at a time.</li>
</ul>
An enormous amount of coffee was consumed while developing these plugins, so if you like what you get, please consider treating me to a <a href="http://arunas.co#coffee" rel="nofollow ugc">cup</a>. Or two. Or ten.
Cover image credit: <a href="https://www.flickr.com/photos/adactio/1523797880/" rel="nofollow ugc">Jeremy Keith</a>

tinyTOC

Automaticly builds a Table of Contents using headings (h1-h6) in post/page/CPT content.

amanstacker

Digital Table of Contents is a powerful, modular toc system that lets you effortlessly generate and manage table of contents across your content. With full control over styling, behavior, and placement, it offers a user-friendly and highly customizable experience.
Key Features:
<ul>
<li>Modular TOC System: Each major TOC feature is separated into its own module for better management and flexibility. Comes with a dedicated settings panel for full control — ensuring smooth operation without conflicts and making it stand out from other plugins.</li>
<li>Auto Insertion of TOC: Automatically insert a table of contents across all post types with a single setup.</li>
<li>Flexible TOC Positioning: Choose where to place the TOC — before the first heading, after the first heading, top of the content, bottom of the content, or after a specific paragraph number.</li>
<li>Heading Hierarchy Support: Automatically generate a hierarchical TOC based on headings from H1 to H6.</li>
<li>Smart Placement Controls: Display the TOC on specific post types, individual posts, selected categories, and more — with options to exclude specific posts or pages.</li>
<li>Paginated TOC support: Fully compatible with the <code></code> tag, creating individual or combine TOCs for each page of your split content.</li>
<li>Smooth Scrolling: Enables a seamless and fluid scroll experience when navigating through the table of contents, enhancing overall user experience.</li>
<li>Accessibility Attributes: Adds essential ARIA and semantic HTML attributes to ensure the table of contents is fully accessible to screen readers and assistive technologies.</li>
<li>Rendering Style : Choose between CSS-based (lightweight and fast with basic interactions) or JavaScript-based rendering (more interactive and dynamic behavior) depending on your performance and functionality needs.</li>
<li>Multiple Header Icon Options: Choose from various icon styles like List Icon (☰), Show/Hide, Plus (+)/Minus (−), or even use a custom icon of your choice.</li>
<li>Full Customization: No need to rely on predefined designs — easily customize colors, styles, icons, backgrounds, links, titles, borders, and much more. Hassle-free, giving you the freedom to create almost any type of table of contents design.</li>
<li>Custom CSS: If the built-in customization options aren’t sufficient, you can add your own CSS directly in the provided Custom CSS box.</li>
<li>Jump Links Control: Option to generate a TOC without clickable jump links, ideal for visual structure without navigation.</li>
<li>Lightweight & Performance-Friendly: Built for speed and efficiency, the plugin is optimized to have minimal impact on your site’s load time and overall performance.</li>
<li>Import / Export: Easily back up or transfer your TOC settings and configurations between sites with the one-click import/export feature.</li>
<li>Delete Plugin Data & Reset: Option to remove all Digital Table of Contents plugin data from the database when Digital Table of Contents plugin is uninstalled, ensuring a clean removal.</li>
<li>Fast Help & Support: Facing issues or unable to find a feature in Digital Table of Contents? Our team is available 24/7 to assist you and resolve bugs or concerns as quickly as possible.</li>
</ul>
Shortcode:
Turn on the Shortcode Module to unlock a powerful, beginner-friendly WordPress Table of Contents shortcode builder — no coding required. Forget manually typing or memorizing shortcode parameters; simply open the shortcode settings panel and start customizing your TOC design, layout, and behavior.
As you adjust the settings, a real-time live preview instantly shows you exactly how your Table of Contents will appear, allowing you to fine-tune headings, styles, toggle options, icons, and more. This visual approach ensures you get the perfect look before placing it on your site.
When you’re happy with the configuration, the plugin automatically generates a fully-parameterized TOC shortcode in the Shortcode Source tab. Just copy and paste it anywhere — inside posts, pages, widgets, or even custom templates — and your Table of Contents will appear exactly as previewed.
With default settings, just use [digital_toc] for a quick, clean, and fully functional Table of Contents without any extra setup.
Available Modules :
<ul>
<li>✅ In-Content : Embed the table of contents directly within your post or page content for seamless navigation.</li>
<li>✅ In-Content Mobile : Optimized version of In-Content specifically designed for mobile devices.</li>
<li>✅ Shortcode : Easily insert the TOC anywhere using a simple shortcode, giving you full placement flexibility.</li>
<li>✅ Sliding Sticky : A sticky TOC that stays hidden and slides in from the left or right when toggled. Best for users who want to save space and show TOC only when needed.</li>
<li>✅ Sliding Sticky Mobile : A sticky TOC that stays hidden and slides in from the Bottom to Topp or Top to Bottom when toggled. Best for users who want to save space and show TOC only when needed.</li>
<li>✅ Floating : A Floating TOC is a movable, draggable, or collapsible navigation element that isn’t fixed, allowing repositioning and enhanced interaction</li>
</ul>
<h3>Roadmap</h3>
<ul>
<li>Sticky and Floating TOC </li>
<li>Mobile-specific layout and controls </li>
<li>Shortcode & Widget support </li>
<li>Live Preview UI in Admin </li>
<li>Accessibility enhancements</li>
</ul>
<h3>Credits</h3>
This plugin is inspired by and pays credit to the following projects:
<ul>
<li><a href="https://wordpress.org/plugins/easy-table-of-contents/" rel="ugc">Easy Table of Contents</a> </li>
<li><a href="https://wordpress.org/plugins/table-of-contents-plus/" rel="ugc">Table of Contents Plus</a></li>
</ul>
Third-party Libraries Used:
<ul>
<li><a href="https://ace.c9.io/" rel="nofollow ugc">Ace Editor</a> – for code editing interface in custom CSS </li>
<li><a href="https://select2.org/" rel="nofollow ugc">Select2</a> – for enhanced select dropdowns</li>
</ul>
<h3>License</h3>
This plugin is licensed under the GPLv2 or later.
<h3>Support & Feedback</h3>
For support or suggestions, visit the <a href="https://wordpress.org/support/plugin/digital-table-of-contents" rel="ugc">Support Forum</a>. 
Contribute or view the source on GitHub: <a href="https://github.com/amanstacker/digital-table-of-contents" rel="nofollow ugc">https://github.com/amanstacker/digital-table-of-contents</a> 
Love the plugin? <a href="https://www.paypal.com/paypalme/amanstacker" rel="nofollow ugc">Support development with a donation</a>

Digital Table of Contents

A powerful and customizable TOC plugin. Effortlessly navigate your content with advanced features and flexible styling.

tinyTOC vs Digital Table of Contents