HOW TO ADD ICONS TO WORDPRESS

Hey, do you wanna give a professional & attractive look to your site? If yes! then you would like to possess some extra integration to your site. For this, you need to include icons to your WordPress site.

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

Wordpress

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

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, during this article, I’ll explain how you’ll add Icons to your site menu for a knowledgeable look of the location this might 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.

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’ll see an option named CSS Classes (optional)there add the icon code thereto CSS Classes optional.

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

Now, you would like icon code & for this, you’ll visit Font Awesome For Menu website or the icons which I’ve utilized in my website menu you’ll add an equivalent.

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
Batteryfa-battery-quarter
Bluetoothfa-bluetooth
Commentfa-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

If you are looking for phones under 10000 or phones under 15000, then you can check articles out.

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

About the author

technohrs99

View all posts

Leave a Reply

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