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.
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 Name | Icon Code |
| Home | fa-home |
| Privacy Policy | fa-exclamation-circle |
| About Us | fa-user-circle-o |
| Contact Us | fa-phone |
| Disclaimer | fa-tag |
| Computer & Mobile | fa-desktop |
| Top X | fa-thumbs-up |
| More | fa-th |
| Tips & Tricks | fa-gears |
| Make Money Online | fa-rupee |
| Web Designing | fa-globe |
| Game | fa-gamepad |
| Money | fa-money |
| Heart | fa-heart |
| Address Book | fa-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
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.
