External links are links that go to other websites. Adding an icon helps users know it’s an external link. It makes your website look better and easier to use.

Credit: www.wpbeginner.com

Why Add External Link Icons?

External link icons tell users they are leaving your site. This is helpful for a few reasons:

• Improves user experience.
• Makes your site look professional.
• Helps avoid confusion for your visitors.

What You Need

You need a WordPress site and some basic knowledge of WordPress. No coding skills required.

Step-by-Step Guide

Follow these steps to add an external link icon.

Step 1: Install A Plugin

First, we need a plugin. A plugin will make things easier.

1. Go to your WordPress dashboard.
2. Click on “Plugins” in the sidebar.
3. Click “Add New.”
4. In the search bar, type “External Links.”
5. Find a plugin called “External Links” by WebFactory Ltd.
6. Click “Install Now.”
7. After installing, click “Activate.”

Step 2: Configure The Plugin

Now, we need to set up the plugin.

1. Go to “Settings” in the sidebar.
2. Click “External Links.”
3. Here, you can choose many options.
4. Check the box that says “Mark external links with an icon.”
5. Save your changes.

Step 3: Add Icons Manually (optional)

Sometimes, you may want to add icons yourself. This can give you more control.

1. Go to “Appearance” in the sidebar.
2. Click “Editor.”
3. Find your theme’s “style.css” file.
4. Add this code at the end:

a[target="_blank"]:after {
    content: url('https://example.com/icon.png');
    padding-left: 5px;
}

Replace “https://example.com/icon.png” with your icon’s URL.

Step 4: Test Your Links

Make sure everything works. Check some external links on your site. They should have the new icon.

Credit: linkilo.co

Tips for Best Results

Here are some tips to make your external link icons even better:

• Choose a clear and simple icon.
• Make sure the icon is not too big.
• Use the same icon style across your site.

Frequently Asked Questions

How Do I Add An External Link Icon?

Use a plugin like Font Awesome. Add it in your theme’s code.

Which Plugin Is Best For External Link Icons?

Font Awesome is popular. It offers many icons and is easy to use.

Can I Add Icons Without A Plugin?

Yes, you can. Add custom CSS and HTML to your theme.

Will Adding Icons Slow My Site?

Minimal impact. Icons are small and efficient.

Conclusion

Adding external link icons is easy. It improves your site’s look and feel. Follow these steps to get started today.