Add Font Awesome Icons to WordPress Menu [Download]

 
added by Jibari Daniels on
Jul 23, 2014
 
0 likes
 1 comments
 
 

font awesome menu in navigation - design decodingFont-Awesome is a great tool for any developer to use in place of typical jpeg images of icons on websites. Font-Awesome is basically iconic fonts comprised of vectors that can be customized through CSS to change the way they display on the screen.

Initially developed by Twitter’s Bootstrap Framework system (Learn more about The Best Frameworks for Web Development and Design) now these iconic fonts can be used for any web project. Since these icons do not use javascript they have little compatibility issues also they display great on screen because the font is comprised of vectors rather the pixels. To learn more about font-awesome and how to Create Pure Code Web Icons without Images click here. In the past it was difficult to display icons in the WordPress navigation, Finally a plugin has been created that will allow you to display any of the 500+ icons that font awesome offers. Through using the Font Awesome 4 Menu plugin you are able to add Font Awesome Icons to WordPress Menu. The process to add Font Awesome Icons to WordPress Menu is very simple and can be done in 3 easy steps:

How to Add Font Awesome Icons to WordPress Menu

  1. Download, install, and activate the Font Awesome 4 Menu plugin below
  2. The Font Awesome 4 Menus plugin loads the icon font on your site so that you can make use of it within your menus and content. Add it to your WordPress site though the Plugins >> Add New menu. There are no settings for this plugin.
  3. Navigate to your WordPress menu and edit you specific menu item. You will have to make sure the CSS classes option is clicked. This can by activated through screen option menu at the top of the menu page
  4. Enter the font-awesome CSS class for the menu icon, and your done

Learn more about using this plugin and how to add Font Awesome Icons to WordPress Menu by checking out the author’s website. Click to Learn more about the Font Awesome 4 Menus plugin from the plugin website

Written by Jibari Daniels

1 comment

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>