Insert Font Awesome Icons in WordPress Posts and Pages

Insert Icons in WordPress with AGP Font Awesome Collection Plugin

One of our users asked for a way to insert an icon in WordPress. AGP Font Awesome Collection plugin makes this process easy by integrating Font Awesome icons without the need of HTML.

In this short tutorial, I’m going to show you how to add icons to posts and pages, with just a few clicks.

Step #1. Install AGP Font Awesome Collection plugin

  • Login to your WordPress site.
  • Go to Plugins > Add new and search for “AGP Font Awesome Collection”.
  • Click “Install Now” and activate the plugin.
WordPress, AGP Font Awesome Collection Plugin

Step #2. Insert a simple icon

  • Create or edit a post or page
  • Click “Font Awesome constructor” button in the editor
WordPress, AGP Font Awesome Collection Plugin

A pop-up will come up to configure the icon:

  • In Elements field, select “Simple icon”
WordPress, AGP Font Awesome Collection Plugin

A few parameters will load below:

  1. Choose the Icon
  2. Select a color
  3. Select a color on mouse hover
  4. Set a custom font size in “px” value (optional). For example: 18px
WordPress, AGP Font Awesome Collection Plugin
  • Preview the icon by doing click in Preview button.
  • Click Insert when you’re done.
WordPress, AGP Font Awesome Collection Plugin

A shortcode will be generated with your icon settings:

WordPress, AGP Font Awesome Collection Plugin

Save the changes by clicking the publish/update button.

Step #3. End result

Preview the post or page to see how it looks:

WordPress, AGP Font Awesome Collection Plugin

Author

  • Valentin Garcia

    Valentin discovered Joomla in 2010, and since then he has considered it as the best CMS. Valentin has been coding extensions and templates for Joomla for many years and truly enjoys helping people build their own websites with Open Source tools. He lives in San Julián, Jalisco, México.

    View all posts
0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x