Sergio Alarcón Felipe

A simple shortcode to implement a table of contents that allows a better navigation in the content of the pages and the entries.
Use code:
<pre><code>[table_content title="In this article we talk about:" link_color="#0073aa" hide_button="true" text_show="Show" text_hide="Hide"]
</code></pre>
All parameters are optional.
<ul>
<li>title: text title</li>
<li>link_color: custom color for links</li>
<li>hide_button: flag if we want to show the hide button, default: true</li>
<li>text_show: text to hide_button when visualize the option to show, default: ‘Show’</li>
<li>text_hide: text to hide_button when visualize the option to hide, default: ‘Hide’</li>
</ul>

SDZ – Table of Contents

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.

SDZ – Table of Contents vs Digital Table of Contents