Title: Coaderhub Table of Contents Author: coaderhub Published: October 14, 2026 Last modified: October 14, 2026 --- Search plugins ![](https://ps.w.org/coaderhub-table-of-contents/assets/banner-772x250.png?rev=3745324) ![](https://ps.w.org/coaderhub-table-of-contents/assets/icon-256x256.png?rev=3745324) # Coaderhub Table of Contents By [coaderhub](https://profiles.wordpress.org/coaderhub/) [Download](https://downloads.wordpress.org/plugin/coaderhub-table-of-contents.1.0.0.zip) * [Details](https://wordpress.org/plugins/coaderhub-table-of-contents/#description) * [Reviews](https://wordpress.org/plugins/coaderhub-table-of-contents/#reviews) * [Installation](https://wordpress.org/plugins/coaderhub-table-of-contents/#installation) * [Development](https://wordpress.org/plugins/coaderhub-table-of-contents/#developers) [Support](https://wordpress.org/support/plugin/coaderhub-table-of-contents/) ## Description Coaderhub Table of Contents is a lightweight and customizable table of contents plugin for WordPress. It automatically detects headings in your content and creates a clean navigation panel that helps visitors quickly move between sections of an article or page. Control where the table of contents appears, choose which public post types support automatic insertion, customize the layout and spacing, and configure navigation behavior from the WordPress admin settings. The plugin supports H2-H6 headings, automatic insertion, shortcode usage, multiple layouts, sticky desktop navigation, active heading highlighting, smooth scrolling, keyboard navigation, and responsive mobile layouts. Accessibility improvements help visitors navigate the table of contents using a keyboard, identify focused controls, and move focus to the relevant content heading after navigation. It is designed to provide useful customization without adding unnecessary complexity. ### Features * Automatically generate a table of contents from H2-H6 headings. * Choose which heading levels should appear in the TOC. * Automatically generate unique heading anchor IDs. * Preserve existing heading IDs where possible. * Handle duplicate heading names. * Configure the minimum number of headings required before displaying the TOC. * Insert the TOC before content or after the first paragraph. * Choose which public post types display the automatic TOC. * Enable automatic TOC display on posts, pages, and supported public custom post types. * Keep automatic TOC display limited to selected content types. * Display the TOC manually using a shortcode, independently of automatic post-type selection. * Choose Full Width, Compact, or Sidebar layout. * Choose left or right sidebar positioning. * Configure the TOC width. * Configure top, right, bottom, and left spacing. * Enable sticky TOC positioning on desktop. * Automatically disable sticky positioning on mobile devices. * Enable or disable smooth scrolling. * Enable active heading highlighting. * Navigate TOC links using the keyboard. * Operate the expand and collapse control using standard keyboard interactions. * Display visible focus indicators for keyboard-focused links and controls. * Move keyboard focus to the relevant heading after activating a TOC link. * Provide expanded-state information for the TOC toggle using ARIA attributes. * Respect the operating system’s reduced-motion preference. * Provide additional focus styling for supported Windows High Contrast settings. * Responsive design for desktop, tablet, and mobile. * No custom database tables. * Uses the WordPress Options API for settings. * No external services are required. ### Shortcode You can manually display the table of contents using: ``` [coaderhub_toc] ``` The shortcode generates the table of contents based on the supported headings in the current post or page. The shortcode is useful when automatic insertion is disabled or when you want to control where the TOC appears within your content. Manual shortcode placement is independent of the post types selected for automatic insertion. ### Automatic Insertion When automatic insertion is enabled, Coaderhub Table of Contents detects supported headings and automatically adds the table of contents when the configured minimum number of headings is reached. Automatic insertion can be configured for selected public post types using the ** Display On** setting. You can choose between: * Posts * Pages * Supported public custom post types registered by your theme or other plugins The available content types depend on which public post types are registered on your WordPress website. Only the selected post types receive automatic TOC insertion. For example, if only Posts is selected, automatic TOC insertion is enabled for posts and not pages. You can also choose between these insertion positions: * Before content * After the first paragraph Disabling automatic insertion does not disable the `[coaderhub_toc]` shortcode. ### Heading Levels The plugin supports: * H2 * H3 * H4 * H5 * H6 You can choose exactly which heading levels should be included in the table of contents. ### Layouts Coaderhub Table of Contents provides three layout options. #### Full Width Displays the table of contents across the available content width. #### Compact Displays a compact table of contents suitable for articles and standard content layouts. #### Sidebar Displays the table of contents beside the article content. The Sidebar layout supports: * Left sidebar * Right sidebar * Configurable sidebar width * Sticky desktop positioning ### Sticky Table of Contents The Sidebar layout can use sticky positioning to keep the table of contents visible while visitors scroll through longer articles. Sticky positioning is designed for desktop layouts and is automatically disabled on mobile devices. ### Active Heading When active heading highlighting is enabled, the table of contents automatically highlights the section currently being viewed. This makes it easier for visitors to understand their position within a long article. ### Smooth Scrolling The plugin can provide smooth scrolling when visitors activate a table of contents link. Smooth scrolling can be enabled or disabled from the plugin settings. When the visitor’s operating system requests reduced motion, the plugin avoids smooth scrolling. ### Responsive Design The table of contents adapts to different screen sizes. On smaller screens, the Sidebar layout changes to a standard stacked layout and sticky positioning is disabled to provide a better mobile experience. Keyboard focus indicators and accessibility styling are designed to work alongside the existing responsive layouts. ### Accessibility Coaderhub Table of Contents includes accessibility improvements designed to support keyboard navigation and help visitors identify and operate navigation controls. Accessibility features include: * **Keyboard navigation:** Use Tab and Shift+Tab to move between focusable TOC controls and links. * **Keyboard activation:** Press Enter to activate a TOC link. The expand/collapse button supports standard Enter and Space activation. * **Visible focus indicators:** Keyboard-focused links and controls display a visible outline. * **Accessible toggle state:** The expand/collapse control exposes its expanded state and identifies the collapsible content using ARIA attributes. * **Heading focus management:** Activating a TOC link moves focus to the corresponding content heading. * **Reduced motion:** Respects the visitor’s operating system reduced-motion preference. * **High contrast:** Provides additional focus styling for supported Windows High Contrast settings. * **Semantic navigation:** Uses navigation markup and interactive controls intended to support assistive technologies. These enhancements are designed to preserve the existing TOC layout, hierarchy, active-heading styling, and responsive behavior. Actual accessibility also depends on the surrounding theme, page markup, and other installed plugins. ### Settings Go to: ``` Settings > Table of Contents ``` Available settings include: * Automatic insertion * Display On: select public post types for automatic TOC display * Insert position * Minimum headings * Heading levels * TOC title * Layout * Sidebar position * TOC width * Spacing * Smooth scrolling * Active heading highlighting * Sticky positioning ### Privacy Coaderhub Table of Contents does not collect, store, or transmit personal data as part of its standard functionality. The plugin does not communicate with external services and does not create custom database tables. Plugin settings are stored using the standard WordPress Options API. ### Security The plugin follows WordPress security practices including: * Capability checks for administrative settings. * WordPress Settings API. * WordPress sanitization functions. * WordPress escaping functions. * Safe handling of generated HTML attributes. * Safe handling of plugin settings. * No storage of visitor personal data. * No external service communication. ### Requirements * WordPress 6.0 or later. * PHP 7.4 or later. ## Screenshots [⌊Configure automatic insertion, display post types, heading levels, layout, spacing, and behavior from the plugin settings.⌉⌊Configure automatic insertion, display post types, heading levels, layout, spacing, and behavior from the plugin settings.⌉[ Configure automatic insertion, display post types, heading levels, layout, spacing, and behavior from the plugin settings. [⌊Use the Sidebar layout with sticky table of contents navigation on desktop.⌉⌊Use the Sidebar layout with sticky table of contents navigation on desktop.⌉[ Use the Sidebar layout with sticky table of contents navigation on desktop. ## Installation 1. Upload the `coaderhub-table-of-contents` folder to the `/wp-content/plugins/` directory. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. Go to `Settings > Table of Contents`. 4. Configure the table of contents settings. 5. Select the public post types on which automatic TOC display should be enabled. 6. Create or edit a post, page, or supported custom post type containing supported headings. 7. View the content on the frontend. ## FAQ ### Which headings are supported? The plugin supports H2, H3, H4, H5, and H6 headings. ### Can I choose which heading levels appear? Yes. You can select the heading levels from the plugin settings. ### Can I choose where automatic TOC appears? Yes. Use the Display On setting to select the public post types where automatic TOC insertion should be enabled. ### Can I enable automatic TOC on posts but not pages? Yes. Select Posts and unselect Pages in the Display On setting. Automatic insertion will then be limited to the selected post types. ### Does the plugin support custom post types? Yes. Supported public custom post types registered on your website can be selected for automatic TOC insertion. ### Does changing Display On affect the shortcode? No. The `[coaderhub_toc]` shortcode can be used independently of the post types selected for automatic insertion. ### Can I manually display the TOC? Yes. Use the `[coaderhub_toc]` shortcode. ### Can I disable automatic insertion? Yes. Automatic insertion can be disabled from the plugin settings while still allowing the shortcode to be used. ### Can I change the TOC position? Yes. You can insert the TOC before the content or after the first paragraph when automatic insertion is enabled. ### Does the plugin support a sidebar layout? Yes. The Sidebar layout can display the TOC beside the article content, with options for left or right positioning. ### Does the plugin support sticky navigation? Yes. Sticky positioning is available for the Sidebar layout on desktop devices. ### Does sticky navigation work on mobile? No. Sticky positioning is automatically disabled on mobile devices for better usability. ### Can I navigate the TOC using a keyboard? Yes. Use Tab and Shift+Tab to navigate focusable TOC controls and links. Press Enter to activate a TOC link, and use Enter or Space to operate the expand/collapse button. ### Does the TOC support visible keyboard focus? Yes. Keyboard-focused TOC links and controls receive visible focus indicators. ### Does activating a TOC link move keyboard focus to the heading? Yes. The plugin attempts to move keyboard focus to the corresponding content heading after a TOC link is activated. ### Does the plugin support reduced motion? Yes. When the visitor’s operating system requests reduced motion, the plugin avoids smooth scrolling. ### Does the plugin support high contrast mode? The plugin provides additional focus and interface styling for supported Windows High Contrast settings. ### Does the plugin create a custom database table? No. The plugin does not create custom database tables. Settings are stored using the standard WordPress Options API. ### Does the plugin collect personal data? The plugin does not collect or transmit personal data as part of its standard functionality. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Coaderhub Table of Contents” is open source software. The following people have contributed to this plugin. Contributors * [ coaderhub ](https://profiles.wordpress.org/coaderhub/) [Translate “Coaderhub Table of Contents” into your language.](https://translate.wordpress.org/projects/wp-plugins/coaderhub-table-of-contents) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/coaderhub-table-of-contents/), check out the [SVN repository](https://plugins.svn.wordpress.org/coaderhub-table-of-contents/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/coaderhub-table-of-contents/) by [RSS](https://plugins.trac.wordpress.org/log/coaderhub-table-of-contents/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release of Coaderhub Table of Contents. * Automatic table of contents generation. * H2-H6 heading support. * Configurable heading levels. * Unique heading anchor IDs. * Existing heading ID support. * Duplicate heading handling. * Shortcode support. * Full Width layout. * Compact layout. * Sidebar layout. * Left and right sidebar positioning. * Configurable TOC width. * Configurable spacing. * Sticky desktop TOC. * Active heading highlighting. * Smooth scrolling. * Responsive mobile layout. * Keyboard navigation and accessibility improvements. * Visible keyboard focus indicators. * Accessible expand/collapse controls. * Heading focus management. * Reduced-motion support. * High Contrast mode styling. * WordPress Options API-based settings. ## Meta * Version **1.0.0** * Last updated **5 days ago** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **7.1.3** * PHP version ** 7.4 or higher ** * Tags * [accessibility](https://wordpress.org/plugins/tags/accessibility/)[headings](https://wordpress.org/plugins/tags/headings/) [navigation](https://wordpress.org/plugins/tags/navigation/)[table of contents](https://wordpress.org/plugins/tags/table-of-contents/) [toc](https://wordpress.org/plugins/tags/toc/) * [Advanced View](https://wordpress.org/plugins/coaderhub-table-of-contents/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/coaderhub-table-of-contents/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/coaderhub-table-of-contents/reviews/) ## Contributors * [ coaderhub ](https://profiles.wordpress.org/coaderhub/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/coaderhub-table-of-contents/)