The Social Media Image Pack
Boosting Your Social Media Marketing
Get Free Samples Here

#GenesisWP – Adding Font Awesome Icons to Your WordPress Menu

In this tutorial we are covering, How to add Font Awesome to your WordPress menu using the Genesis Framework without a plugin. This is the manual way of doing this and does require a little knowledge of how to copy and paste code. If you have any questions just ask!

Enqueuing Font Awesome into your theme

  1. Add this Genesis Snippet into your functions.php file and save (typically I group it together with all the other enqueued scripts to make it easier to find later)

Add Font Awesome Icons to Your WordPress Menu

1. Login to WordPress

2. Click Menu and Add a menu item

3. Click Screen options and turn on Link Target

Add_Font_Awesome_Icons_to_Your_WordPress_Menu

4. Find the icon you want to use at http://fortawesome.github.io/Font-Awesome/icons/ and click the icon to show the code. Example:

<i class="fa fa-instagram"></i>

fa-instagram__Font_Awesome_Icons

5. Paste the code into the “Navigation Label” and click “Open link in a new window/tab”

Menus_‹_Press_Avenue_—_WordPress

6. Save and refresh and you should see the icon in the menu

 

 

Let us know if you’re using this in the comments below.