Press "Enter" to skip to content

How to Add an External Link Icon to a WordPress Menu Item

In the previous tutorial, you learned how to add external links to your menu. In this video, you’ll learn how to add an external link icon next to the external link.

Whenever you include an external link in the menu, you should always add an idea to let visitors know clicking menu item will take them to a different website.

Code snippets

There are two different code snippets you can use to add the icon.

This code will add the Emoji-based icon to the menu:

↗

And this code will add the Font Awesome based icon:

<i class="fas fa-external-link-alt"></i>

Other resources

If you are interested in learning more about HTML character codes, check out this article: https://html.com/character-codes/

And this is the WP Font Awesome plugin you should install if the second method doesn’t work on your site: https://wordpress.org/plugins/wp-font-awesome/

Ben Sibley
Ben Sibley

After using WordPress for the last 9 years, I've made dozens of websites, designed and developed 20 themes that have been downloaded more than 1.5 million times, and personally helped thousands of WP users with their sites.

Now I'm sharing everything I know to help make WordPress an easier and more rewarding choice for building a website. If you have a question you want answered, submit your question here.

    Leave a Reply

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