| WordPress
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

About the author

Valentín creates beautiful designs from amongst the tequila plants of Jalisco, Mexico. You can see Valentín's design work all over this site and you can often find him helping members in support.