I have built WordPress Font Awesome Icons in the hope that all wordpress users can use this plugin to insert a collection of icons with different sizes and easier way to achieve that.
This is a plugin that allows you to use Font Awesome Icons by Dave Gandy in your WordPress site. You can use html, shortcode or text editor new icons to add font awesome icons to post/page content, widget, post/page title and many possiblities.
More code examples on the Font Awesome Icons please refer: http://fortawesome.github.com/Font-Awesome/#code
For all 249 icons name, please use the “doc/font-awesome-icons-list.jpg” inside the downloaded zip file as reference.
How it works?!
BEFORE…
AND AFTER…
IF you would like to use editor icon (flag icon, 2nd last from behind), can refer here:
Using Page Editor Custom Icon to insert value
So the code will be appeared as below:
And the website will display page just liked below:
Thanks Terry!
Your are welcome, Earl.
Excellent addition Terry. One question though… how would I go about adding one of these to a WP menu item (i.e instead of having text in the navigation) ? Hope you can help 🙂
Scrap that … I’ve done it… just used HTML instead of the shortcode. Excellent plugin!
Thanks, oddy. Glad you figured it out. You can always use html to output the font icon, instead of the shortcode. Cheers!
Hi Terry, thanks for the great works!
Could you explain more about using HTML to output the font icon?
Hi Annie, you can below code to output font awesome icon (phone) in HTML:
icon-phone can be replaced by icon name from the list. Do refer to the url below for more examples:
http://fontawesome.io/examples/
Really nice plugin. Easy to use.