How to Add WordPress Menu Icons: A Beginner’s Guide
Adding icons to your menu can be a subtle but effective way of changing the looks of your website. Appropriately selected icons can make the menu much more engaging to navigate. Instead of just flat text, you will be providing your visitors with interesting visual clues. By using an icon that reflects the content, you can even bypass the need for a text label and avoid unnecessary clutter. Not just that, you can also effectively link your website to your social media accounts using their easily recognizable icons. If you’re looking for an easy way to add WordPress Menu Icons then you’re in luck, because we’re going to show you how to do just that.
In this tutorial, we are going to use the Menu Icons plugin which is simple and does its job effectively.
How to use the Menu Icons plugin to add WordPress Menu Icons
1. Install Menu Icons
Before anything else, you will need to download and install the plugin. Just go to Plugins>>Add New from the Dashboard and search for ‘Menu Icons’. Once you have it installed and activated, you will now be able to directly add icons to your menus.
2. Pick a Menu
Now you will need to go to Appearance>>Menu where you can either add icons to your existing menus or create new menus with icons. If you want to make a new menu, complete with icons, simply select ‘create a new menu’.
You can then add a name for the menu in the dialog box to the left of ‘Menu Name’. Once you have entered your name, click on ‘Create Menu’. Alternatively, you can pick the one you want to add WordPress menu icons to from the drop-down list and click Select.
3. Add necessary items to the menu
You can now add new items, including Posts, Pages, Categories and even Custom Links to the current menu. Just check the box next to the item you want for your menu and click on ‘Add to Menu’. Below these, you should be able to see ‘Menu Icons Settings’ where you can change the settings for the plugin.
To insert Custom Links, however, you will need to enter the URL along with a label. You can use custom links to link your social media sites for those of you wondering how to add social media icons to WordPress menu items. For example, if you want to link your Twitter Page from your menu, you can simply add the link to your Twitter page along with an appropriate label here.
4. Add the icons
Once that is done, you can now finally add the WordPress menu icons. You should be able to see all your menu items underneath ‘Menu Structure’. Click on the small black triangle towards the right of each item in order to bring down the options. In order to add icons to the item, click on ‘Select’.
From here, you can select the appropriate icon you want from a ton of available options. From the dropdown menu in the top-left corner, you can select one of the many categories of icons. You can also look for specific items using the search bar. Once you select one WordPress menu icon, you can alter the way it appears on your site through the options on the right. You can change the position of the label, hide it entirely, or change the alignment and font size. There should be a preview of the item visible above the options as well. Once you’ve made your choice, you can click on the Select button on the bottom-right.
This way, you can have WordPress menu icons for your site without any trouble. There are many icons to choose from in this plugin. Well selected ones are going to leave you with a more clean and modern looking site.
To Conclude
That’s all for now. As you can see, your website can have menus with attractive looking icons with these easy steps. The plugin comes with a large collection of icons available for you to use for any type of menu item, from your posts and pages to your social media sites. It will take just a little bit of your time and can drastically improve the way your website looks. We hope you found this article to be helpful. If you have any feedback, please let us know in the comment section below.
If you want to learn more about WordPress, you can check out some of our other articles as well.
- How to Make a DropDown Menu In WordPress?
- A Complete Beginner’s Guide on How to Add Social Media Icons on WordPress
- How to Add WordPress Menu Title Attribute in 2 Minutes?