François Yerg

FYP Table of Contents automatically generates a structured, customizable table of contents for your WordPress posts and pages. This helps readers quickly navigate long articles by providing clickable links to each section, improving both user experience and SEO.
Ideal for blogs, documentation, tutorials, and any content-rich site, FYP Table of Contents is lightweight, easy to use, and compatible with any theme. You can control where the table appears, customize its appearance, and exclude specific headings as needed.
Whether you want to enhance readability, boost engagement, or make your content more accessible, FYP Table of Contents offers a flexible and practical solution.
Key Features:
<ul>
<li>🚀 Automatic Generation: Instantly creates a structured table of contents from your content headings</li>
<li>🎨 Fully Customizable: Control appearance, styling, and which headings to include/exclude</li>
<li>📱 Responsive Design: Works perfectly on desktop, tablet, and mobile devices</li>
<li>⚡ Performance Optimized: Lightweight code with minimal impact on page load times</li>
<li>🔧 Easy Integration: Simple shortcode implementation – no coding required</li>
<li>🎪 Toggle Functionality: Optional collapse/expand feature for better UX</li>
<li>🌈 Theme Compatible: Works seamlessly with any WordPress theme</li>
<li>📊 Smart Detection: Only displays when minimum heading requirements are met</li>
</ul>
<h3>Usage</h3>
To display the table of contents on your website, simply add the <code>[fyplugins_table_of_contents]</code> shortcode to any page or post where you want it to appear.
<h3>Shortcode Parameters</h3>
The <code>[fyplugins_table_of_contents]</code> shortcode supports the following parameters to customize its behavior:
<ul>
<li><code>min_headings</code> (integer): Minimum number of headings required to display the table of contents. Default: <code>3</code>.</li>
<li><code>included</code> (string): Comma-separated list of heading levels to include (e.g., <code>h2,h3,h4</code>). Default: <code>h2,h3</code>.</li>
<li><code>excluded</code> (string): Comma-separated list of headings or CSS selectors to exclude from the table of contents (e.g., <code>.hidden_title,h4</code>). Default: empty.</li>
<li><code>title</code> (string): Custom title for the table of contents. Default: <code>Table of Contents</code>.</li>
<li><code>class</code> (string): Additional CSS classes for custom styling. Default: empty.</li>
<li><code>toggle</code> (boolean): Show or hide a toggle button to collapse/expand the table of contents. Accepts <code>true</code> or <code>false</code>. Default: <code>false</code>.</li>
<li><code>default_toggle</code> (string): Set the initial toggle state of the table of contents. Accepts <code>show</code> or <code>hide</code>. Default: <code>show</code>.</li>
</ul>
Basic Usage: 
 <code>[fyplugins_table_of_contents]</code>
Advanced Usage Example: 
 <code>[fyplugins_table_of_contents min_headings="2" included="h2,h3,h4" excluded=".no-toc" title="Content Navigation" class="custom-toc" toggle="true" default_toggle="show"]</code>
<h3>Support</h3>
If you need help with the plugin, please:
<ol>
<li>Check the FAQ section above for common questions</li>
<li>Visit the <a href="https://wordpress.org/support/plugin/fyp-table-of-contents/" rel="ugc">plugin support forum</a></li>
</ol>

FYP Table of Contents

Easily add an automatic, customizable table of contents to your posts and pages to improve navigation and user experience.

elartedelaweb

Total CrUX allows you to measure the real user experience on your site thanks to <a href="https://web.dev/vitals/" rel="nofollow ugc">Core Web Vitals</a>. 
The plugin captures and stores key metrics such as:
<ul>
<li>LCP (Largest Contentful Paint) – loading performance of the main content.</li>
<li>FID (First Input Delay) – responsiveness to first user interaction.</li>
<li>CLS (Cumulative Layout Shift) – visual stability.</li>
<li>FCP (First Contentful Paint).</li>
<li>INP (Interaction to Next Paint) – the new key responsiveness metric.</li>
<li>TTFB (Time To First Byte).</li>
</ul>
In addition, it collects extended diagnostic information (involved elements, render timings, resources, user interaction details, etc.), helping you identify which elements are negatively impacting user experience.
Inside the WordPress admin area, you’ll find:
<ul>
<li>A dashboard with aggregated site-wide metrics.</li>
<li>A “To Improve” tab showing the worst-performing pages.</li>
<li>A dropdown button with an option called “Details” that opens a right-side drawer with extended details.</li>
</ul>
With Total CrUX, you make decisions based on real user data, not just lab simulations.
<h3>Bundled third-party libraries</h3>
This plugin includes local copies of the following third-party libraries, stored in the directory <code>admin/assets/vendor/js/</code>. 
These files are served directly from the plugin and correspond to the versions indicated below. 
The human-readable source code for each library is available in their official repositories:
<ol>
<li>
Alpine.js (MIT License)
<ul>
<li>Version: 3.15.0</li>
<li>Local copy: <code>admin/assets/vendor/js/alpine.js</code> (obtained from https://cdn.jsdelivr.net/npm/alpinejs@3.15.0/dist/cdn.min.js)</li>
<li>Source code: https://github.com/alpinejs/alpine</li>
</ul>
</li>
<li>
Chart.js (MIT License)
<ul>
<li>Version: 4.5.0</li>
<li>Local copy: <code>admin/assets/vendor/js/chart.js</code> (obtained from https://cdn.jsdelivr.net/npm/chart.js@4.5.0/dist/chart.umd.min.js)</li>
<li>Source code: https://github.com/chartjs/Chart.js</li>
</ul>
</li>
<li>
Web Vitals (Apache-2.0 License)
<ul>
<li>Version: 5.1.0</li>
<li>Local copy: <code>admin/assets/vendor/js/web-vitals.js</code> (obtained from https://unpkg.com/web-vitals@5.1.0/dist/web-vitals.attribution.iife.js)</li>
<li>Source code: https://github.com/GoogleChrome/web-vitals</li>
</ul>
</li>
</ol>
<h3>External services</h3>
This plugin makes use of the external service LucusHost Affiliate Network.
<ul>
<li>
What the service is and what it is used for: 
On the plugin’s ‘Support us’ tab, a promotional banner for LucusHost is displayed. This banner is served from LucusHost’s affiliate system. It is purely informational and promotional.
</li>
<li>
What data is sent and when: 
When the admin page containing the banner is loaded, the plugin makes a request to LucusHost’s servers (<code>aff.lucushost.com</code>) to fetch the banner image. This request includes standard web request information (such as IP address, browser information, and the referring page). 
If you click on the banner, you will be redirected to LucusHost’s website through our affiliate link. If you make a purchase, we may receive a commission. This does not result in any extra cost for you, and in fact we provide a 20% discount code (ARTEDELAWEB-20) as part of this affiliate program.
</li>
<li>
Service provider / links: 
LucusHost — Affiliate program: https://www.lucushost.com/afiliados 
Legal notice & Privacy policy: https://www.lucushost.com/aviso-legal
</li>
</ul>

Total CrUX

Measure and store real-user experience (UX) metrics directly from visitors browsers using Google's Core Web Vitals.

FYP Table of Contents vs Total CrUX