Do you need to add high quality icons to your WordPress website? Have you heard of Font Awesome, but don’t know how to use it?
In this article, we will show you how to use Font Awesome to add icons to your WordPress website.
Icons are an essential graphic element for any website, regardless of industry. They add a visual element that adds interest to any web page they are on. Font Awesome is the Internet’s most popular used icon set. Get access to high-quality vector images that can be customized with CSS. Best of all, Font Awesome offers a free version with over 1,600 free icons for you to use. Setting up and using Font Awesome WordPress is easy. In this article, we will cover all the steps required to get started using Font Awesome WordPress. First, let’s look at an attractive offer for WordPress website owners.
Envato Elements: Unlimited downloads
Envato Elements is a service that provides an unlimited download subscription, which means you are free to download as many items as you want from millions of digital assets. This includes premium WordPress themes and plugins, icons, stock photos, royalty-free audio, and stock video.
The subscription is covered by a simple commercial license which gives you the rights to use the item in a wide variety of projects, including those of a commercial nature.
The license is future proof, which means that even if you unsubscribe and can no longer download items from Envato Elements, all existing registered uses are still covered.
Sign up today
Sign up today and start building, or learn more about why Envato Elements is great for WordPress users.
Now let’s explain how to use Font Awesome in five easy steps.
1. Install the Font Awesome plugin for WordPress
Setting up the Font Awesome plugin for WordPress is like setting up any other WordPress plugin.
In your dashboard, go to Plugins> Add New. In the Search Plugin … field, search for Font Awesome. Then click Install Now> Activate.
That’s all! The Font Awesome WordPress plugin is installed and ready to use. Let’s see now how to configure the plugin.
2. Configure the plug-in and kit
Setting up the plug-in is very simple. In your WP dashboard, go to Settings> Fantastic font. This will open the Font Awesome menu.
Our first option is whether we want to use Font Awesome WordPress as a kit or use a CDN.
Font Awesome recommends using the Kit option as it offers the most amount of icons and gives you access to the Icon Chooser.
To set it up, you first need to create an account on Font Awesome and create a kit. No further action is required after creating a kit on the Font Awesome site.
Next, you need to get a Font Awesome API Token. Go to the account page to generate and copy your API token.
Go back to the Font Awesome settings in the WP dashboard and paste the API token into the API field.
Then, choose the kit you just created. You are now ready to start adding icons to your WordPress website.
3. Adjust the Font Awesome settings
There are a few settings you can adjust in the kit settings on the Font Awesome website.
The first setting is whether or not you want to use the free or paid version of Font Awesome. If you have the paid version, we recommend that you click on the pro version.
The last setting you can adjust is whether you want the icons to be SVG or web fonts. Generally, SVG is more powerful, but they don’t work well with pseudo-elements. Our suggestion would be to use SVG.
Everything is OK! Everything is ready and ready to use. Let’s take a look at where you can find the icons to add to your site.
4. Find the icons you want to use
Now it’s time to find the icons you want to add to your WordPress website. Font Awesome has a library of icons that you can choose from on their website.
As mentioned, there is a free and paid version of Font Awesome. If you want to use the free version, make sure you only find the icons that are under the free filter.
Open the icons you want to use and a separate tab on your browser. We are now ready to add them to your website.
5. Add icons to your pages and posts
Open a page or post from the WP dashboard. Once you’re on the page or post editor, add a shortcode block where you want your icon to appear. Then in the shortcode block, you will paste the HTML code for the icon you want to add.
To get this HTML code, click on the icon you want to add. A pop-up menu will appear. Click on the HTML code and it will automatically be copied to your clipboard.
Then paste the code back into the shortcode block on the page or post editor.
That’s all! Your icon is now on the page or post. Add as many icons as you want to your pages and posts.
Start using Font Awesome today!
Icons are required for all websites. They add interest to your web pages and help those pages convert.
Font Awesome WordPress is a great tool for adding high-quality icons to your website. In this article, we have explained two ways you can set up Font Awesome on your website. We then looked at how to add the actual icons to your WordPress website. In minutes you can have icons on your WordPress site.
If you need even more premium icons for your WordPress site, be sure to check out Envato Elements! There are tons of icons and other resources that are invaluable to any WordPress site owner.