Skip to content

Utilize the Font Awesome icon set in WordPress to replace admin menu icons, easily add icons to posts from the TinyMCE dropdown menu, and quickly add icons to your native navigation menus.

JonMasterson/WP-Font-Awesome-Icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

87 Commits
 
 
 
 
 
 
 
 

Repository files navigation

WP Font Awesome Icons

This plugin will allow you to quickly and easily fire up Font Awesome icons within your local WordPress install. Upload and activate this plugin and you will be able to accomplish all of the following without touching a single line of code:

  1. Swap out any icon in your WordPress admin menu (compatible with WordPress version 3.8+ or WordPress version 3.7 with the MP6 plugin).
  2. Add Font Awesome icons to any post from an "Icons" TinyMCE dropdown menu (compatible with WordPress 3.0 or higher).
  3. Add Font Awesome icons to any registered, native navigation menu (compatible with WordPress 3.0 or higher).

Icon Settings Page

All of this plugin's features can be managed from the "Icons" settings subpage, under the "Appearance" menu. This page has three tabs: General, Admin Menu, and Nav Menu. The "General" tab contains basic options for managing where you enqueue icon styles (CDN or local), and for removing icon styles from the front end (if you only plan to use this plugin to manage your admin menu icons).

Admin Menus

Replacing your admin menu options is as easy as 1, 2, 3! From the "Admin Menu" tab:

  1. Click “Select Icon” for the menu icon you want to replace
  2. Choose a Font Awesome Icon
  3. Save your settings

Navigation Menus

Add icons to each of your registered WordPress menu items. You have the choice of adding an icon before or after the menu item text. You can even go crazy and add icons before AND after your menu text. Font Awesome size options are also included:

  1. Click “Select Icon” to add an icon to the menu item location.
  2. Choose a Font Awesome Icon
  3. Choose a size (defaults to menu text size, "Normal")
  4. Save your settings

Adding Icons to Posts & Pages

You can use a shortcode in your posts, pages and even widgets to display a Font Awesome icon.

Examples

Pencil icon

[fa_icon name=pencil]

Phone icon

[fa_icon name=phone]

Chevron left icon

[fa_icon name=chevron-left]

TinyMCE Plugin

You can also select the icon you would like to add to your post or page content from the Icons dropdown menu in the Visual Editor.

Contributors

Thanks to @davegandy for creating the wonderful and amazing Font Awesome, and to Rachel Baker.

Troubleshooting

Having trouble with this plugin? If you are using WordPress version 3.7, please make sure you've installed the MP6 plugin first, or the admin menu options will look a bit strange.

About

Utilize the Font Awesome icon set in WordPress to replace admin menu icons, easily add icons to posts from the TinyMCE dropdown menu, and quickly add icons to your native navigation menus.

Resources

Stars

Watchers

Forks

Packages

No packages published