How To Add Icons To WordPress?

How To Add Icons To WordPress:- 

Hey, do you wanna give a professional & attractive look to your site? If yes! then you need to have some extra integration to your site. like, add some WordPress icons to your site pages.

The addition of some extra features to your site will definitely enhance the UI of your site & help you to grab more traffic.

Creating a professional website is not so easy, Many things should be seen and designed during the development of a professional website.

You can create the navigation menu for more interactive by adding an image icon to the site menu.

This image icon is also created to make your menu noticeable & attractive. for example, you can take a look at lookmith.

Professional websites or blogs must have good look so that, you can attract people towards the site & also the site interface must be too simple so a normal average people can understand.

So, In this article, I’ll explain how you can add Icons to your site menu for a professional look of the site & this may lead your visitor towards amazing surfing & browsing.

Add Icons To WordPress Menu

So let’s go with it, If you wish to add icons to your WordPress site menu, then you may go through the steps explained below.

Steps

1:- First you need to install a plugin Font Awesome 4 Menus.

wordpress icons digital ritwik

2:- After installing the plugin just Activate it.

3:– Then go to appearance & then on the menu, there is a list of menus which are on your sites.

4:- Click on the name of menus, you will see an option named CSS Classes (optional)there add the icon code to that CSS Classes optional.

The icon which you want to show on your selected menu, Just adds the code for that particular icon to that menu.

There are lots of menus code available on the site of font awsome 4 menus go & select the code & copy paste according to your need.

Now, You need icon code & for this, you can visit Font Awesome For Menu website or the icons which I’ve used in my website menu you can add the same.

Icon codes of my website

Menu NameIcon Code
Homefa-home
Privacy Policyfa-exclamation-circle
About Usfa-user-circle-o
Contact Usfa-phone
Disclaimerfa-tag
Computer & Mobilefa-desktop
Top Xfa-thumbs-up
Morefa-th
Tips & Tricksfa-gears
Make Money Onlinefa-rupee
Web Designingfa-globe
Gamefa-gamepad
Moneyfa-money
Heartfa-heart
Address Bookfa-address-book
Battery fa-battery-quarter
Bluetooth fa-bluetooth
Comment fa-comment

Now after adding the CSS code to CSS optional just save the changes & refresh the page.

After refreshing the page go to your site homepage & take a look, on menu options there you will see the changes.

Important Links

Font more Awesome Icon Code link:- Click here

Font Awesome 4 Menu Plugin link:- Click here

I hope this article will help you to create a professional website & also arrange the website with a professional look to your site.

Feel free to contact me, if you have any problems regarding the post or any help. I’ll 1try to answer your questions & solve the problems for that DM on Instagram.

Digital Ritwik logo privacy policy generator

Hi there, I’m Digital Ritrwik

Contact Me

Hey there, are you looking for blog guide & social media strategist? who can guide you, Just hit on Contact me.

1 thought on “How To Add Icons To WordPress?”

Leave a comment