stevegibbs

WordPress’s Gutenberg editor makes it easy to add links to images, buttons, and text, but it doesn’t provide a straightforward way to add custom HTML attributes to those links. This is where “Steve’s Attributes” comes in.
This plugin extends the core Image, Button, Paragraph, List Item, Heading, File, and Navigation Link blocks to include a “Custom Attributes” field in their link settings. You can add any HTML attributes you need, such as data attributes for popups, custom classes, tracking attributes, or accessibility enhancements.
Key Features: 
* Adds a “Custom Attributes” textarea to the link settings of supported blocks. 
* Parses attributes in <code>key="value"</code> format (one per line). 
* Merges <code>class</code> attributes properly to avoid duplicates. 
* Super lightweight – only loads in the block editor, no frontend impact. 
* No database queries or heavy processing. 
* Expanded Block Support: Now supports Image, Button, Paragraph, List Item, Heading, File, and Navigation Link blocks.
Use Cases: 
* Adding popup triggers (e.g., <code>data-popup-id="123"</code>) 
* Custom styling classes (e.g., <code>class="my-custom-class"</code>) 
* Tracking attributes (e.g., <code>data-ga-action="click"</code>) 
* Accessibility enhancements (e.g., <code>aria-label="Open details"</code>)
<h3>Usage</h3>
<h3>General Instructions</h3>
<ol>
<li>Add one of the supported blocks to your post/page (Image, Button, Paragraph, List Item, Heading, File, Navigation Link).</li>
<li>Ensure the block contains a link. For example:
<ul>
<li>Image Block: Set a link URL in the block settings.</li>
<li>Button Block: Set the button text and link URL.</li>
<li>Paragraph/Heading/List Item Blocks: Select text and add a link using the inline link tool.</li>
<li>File Block: Upload a file, and ensure it’s linked.</li>
<li>Navigation Link Block: Add a navigation item with a URL.</li>
</ul>
</li>
<li>Select the block containing the link.</li>
<li>In the block sidebar, locate the “Link Attributes” panel.</li>
<li>In the “Custom Attributes” field, add your desired HTML attributes, one per line, in <code>key="value"</code> format. You can also add classes and IDs.</li>
</ol>
<h3>Example</h3>
<pre><code>`
</code></pre>
data-popup-id=”my-popup” 
rel=”noopener” 
class=”my-custom-class” 
id=”unique-id” 
 `

Steve's Attributes

Extends Gutenberg blocks to easily add custom attributes to links in various blocks without resorting to custom HTML.

Ponsiva . Pandian

Menu Item Custom Attributes allows you to add HTML attributes such as <code>id</code>, <code>class</code>, and <code>data-*</code> directly to WordPress menu items from the admin interface.
This plugin is perfect for developers and designers who want fine-grained control over menu elements for styling, tracking, or custom scripting — all without editing theme code.
Key Features 
– Add unique HTML <code>ID</code>, CSS <code>Class</code>, or custom <code>Data</code> attributes to individual menu items 
– Works directly within the native Appearance → Menus screen 
– Compatible with all themes and page builders (Elementor, Astra, Divi, etc.) 
– Lightweight and performance-optimized 
– Safe and secure with sanitization and nonce checks
Use it to apply special styles, attach JavaScript actions, or integrate with analytics tools like Google Tag Manager.
<h3>Support</h3>
For feature requests, issues, or feedback, please visit the <a href="https://wordpress.org/support/plugin/menu-item-custom-attributes/" rel="ugc">Support Forum</a>.
<h3>License</h3>
This plugin is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
<h3>Credits</h3>
Developed and maintained by Ponsiva Pandian 
Website: <a href="www.iamponsiva.rf.gd" rel="nofollow ugc">www.iamponsiva.rf.gd</a>

Menu Item Custom Attributes

Easily add custom ID, Class, and Data attributes to WordPress menu items directly from the admin panel — no coding required.

Steve's Attributes vs Menu Item Custom Attributes