Alex Dunae

This plugin adds classes or IDs (your choice) to the <code>LI</code> tags generated by WordPress’ <code>wp_list_pages()</code> and <code>wp_nav_menu()</code> functions.
I found it very frustrating to style the output of these menus without having access to these attributes. This plugin allows you to style the output of <code>wp_list_pages()</code> and <code>wp_nav_menu()</code> with CSS.
The class name or ID is derived from the URL of the page.
For example,
<ul>
<li><code>/about/</code> could have the class <code>about</code>. </li>
<li><code>/about/faq/</code> could have the class <code>about_faq</code>.</li>
</ul>
If a page does not have a URL (e.g. your front page) the plugin will set the <code>class</code> or <code>id</code> (depending on what you selected) to <code>frontpage</code>, adding whatever prefix you requested.
For example,
<ul>
<li><code>/</code> could have the class <code>pg_frontpage</code>. </li>
</ul>
Existing classes (e.g. <code>page_item</code> or <code>current</code>) are left untouched.
<h4>Sample output</h4>
<pre><code><li id="nav-a-new-page" class="first page_item page-item-4"><a href="http://example.com/a-new-page/" title="A new page">A new page</a></li>
<li id="nav-about" class="page_item page-item-2"><a href="http://example.com/about/" title="About">About</a></li>
<li id="nav-another-new-page" class="last page_item page-item-6"><a href="http://example.com/another-new-page/" title="Another new page">Another new page</a></li>
</code></pre>
<h4>Configuration</h4>
Using the <code>Classy wp_list_pages</code> tab in the options panel you can choose whether you want to use IDs or classes, set the token separator and add an optional token prefix.
You can also specify a class to add to the first and last items in a list.
Pretty straight forward…
<h3>Contact and Credits</h3>
Written by Alex Dunae ( <a href="http://dunae.ca/" rel="nofollow ugc">dunae.ca</a> ), e-mail ‘code’ at the same domain), 2007-09.

Plugin Name: Classy wp_list_pages

Adds a uniqe class or ID attribute to each LI tag generated by wp_list_pages() and wp_nav_menu() allowing them to be individually styled with CSS.

Alobaidi

<h3>Extend Link – Link Options for Editor</h3>
The Extend Link plugin Allows you to add classes, IDs, titles, rel attributes, and file download options to links directly from the “Extend Link” dialog in the Classic Editor and Classic Block in Gutenberg. It also provides H1–H6 support, so you can, for example, add an ID or classes to a heading. A lightweight, professional plugin, free and always will remain free!
<h3>Key Features</h3>
Enhanced Link Attributes: 
* Add custom CSS classes to links. 
* Assign unique IDs for precise targeting. 
* Add title attributes (tooltips on hover). 
* Set rel attributes: nofollow, noreferrer, noopener. 
* Open links in new tabs (target=”_blank”). 
* Enable file download instead of opening. 
* Check link status in real-time.
Heading Support (H1-H6): 
* Add IDs and classes directly to headings. 
* Insert fully-attributed links inside headings. 
* Edit existing heading attributes. 
* Perfect for creating anchor links.
Link Status Checker: 
* Verify if links are working or broken. 
* See HTTP status codes (200, 404, etc.). 
* Improve SEO by fixing dead links. 
* Built-in tool – no external service needed.
User Experience: 
* Seamless Classic Editor integration. 
* Compatible with Gutenberg Classic Block. 
* Intuitive dialog with helpful tooltips. 
* Visual feedback for all actions.
Professional & Lightweight: 
* All-in-one solution. 
* No external dependencies. 
* Optimized performance. 
* Security-focused with nonce verification. 
* Follows WordPress coding standards. 
* Free forever – no premium version.
<h3>How to Use</h3>
Adding a Link: 
1. Open the Classic Editor or add a Classic Block in Gutenberg. 
2. Select text or link. 
3. Click the “Extend Link” button in the toolbar. 
4. Configure your link options and save.
Checking Link Status: 
1. Open the Extend Link dialog. 
2. Enter or edit a URL. 
3. Click the “Check” button. 
4. See instant status feedback.
Adding ID/Class to Headings: 
1. Select a heading (H1-H6). 
2. Click “Extend Link” button. 
3. Add ID and/or classes (leave URL empty). 
4. Click “Save”.
<h3>Plugin Reference</h3>
Everything related to the plugin can be found on <a href="https://wp-time.com/how-to-add-link-attributes-in-wordpress/" rel="nofollow ugc">this page</a>.
<h3>You May Also Like – From Our Plugins</h3>
<a href="https://wordpress.org/plugins/video-popup/" rel="ugc">Video Popup Plugin</a> – Create unlimited, elegant, and responsive popups for YouTube, Vimeo, MP4 & WebM videos on click or On-Page Load.
<a href="https://wordpress.org/plugins/the-preloader/" rel="ugc">Preloader Plugin</a> – Add a preloader to your website easily in only 3 steps. Simple, fast, and compatible with all major browsers.

Extend Link

Add classes, IDs, titles, rel attributes, and download options to links. Includes H1–H6 heading support and built-in link status checker for SEO.

Plugin Name: Classy wp_list_pages vs Extend Link