WebberZone Link Warnings v1.1.0: Wrapper-level exclusions

Visual indicators for external links are essential for accessibility, but they shouldn’t come at the cost of your design’s integrity. Sometimes you have a specific section — like a pricing table, a social media menu, or a grid of cards — where those little arrow icons just add visual noise.

Until now, if you wanted to hide the icon for a group of links, you had to manually add the wzlw-no-icon class to every single anchor tag.

My good friend RonaldOpens in a new window suggested adding a class exclusion setting similar to the domain exclusion setting to exclude links with a certain class because adding a class to twenty individual links is busywork. I have updated the plugin to handle this more intelligently using a wrapper class.

Wrapper-level exclusions

You can now exclude all links within a specific container from displaying the visual indicator. By adding the wzlw-no-icon-wrapper class to any parent element (divsectionaside, etc.), the plugin will automatically skip adding icons to any links nested inside it.

The plugin will still process links for accessibility (ARIA attributes), but the visual icon and modal will be suppressed.

How to use it

In the Block Editor, select a Group or Container block and add the class in the Advanced tab: wzlw-no-icon-wrapper.

If you are writing HTML directly, it looks like this:

<div class="wzlw-no-icon-wrapper">
    <!-- These links will NOT have icons -->
    <a href="https://wordpress.org">WordPress</a>
    <a href="https://webberzone.com">WebberZone</a>
</div>

<!-- This link WILL have an icon -->
<a href="https://google.com">Google</a>

This is one of those small workflow improvements that saves you significant time when you’re trying to get a design just right.

Upgrade notes

  1. Go to Dashboard > Updates in your WordPress admin.
  2. Select WebberZone Link Warnings.
  3. Click Update Plugins.

Leave a Reply

Your email address will not be published. Required fields are marked *