Über 2481 Wordpress Icons nutzen - Fontawesome - Bsp. divi theme

About 2481 WordPress Icons – Example Divi Theme Font awesome

21. January 2020

Over 2481 icons with WordPress and font awesome use – example Divi Theme

Icons are a really interesting story and can subtly enhance the design of a website. Some themes, like Divi, already come with icon fonts, but most of them can only be used with certain modules. With Fontawesome you can place icons almost everywhere and the choice is huge. By the way, the use is free, there is also a premium service with a larger selection, but I haven’t needed it yet.

If you want to see what it looks like live, you can visit the CoinUpdate website. Here is a screenshot of the integrated icons:

divi theme font awesome

Integrate Fontawesome

With WordPress, Fontawesome can actually be integrated very easily. Depending on the theme, the procedure is different and unfortunately I can’t go into each of them individually due to the large number of themes. Since this blog is about the Divi Theme, I will show you in the following how to integrate the icon font with the Divi Theme*. If you are using a different theme, just ask how to include the code in the “head” section

Using Fontawesome with Divi

To integrate Fontawesome with the Divi theme, we go to Divi > Theme Options > Integration and and add the following code in the “head” area:

wordpress icons font awesome

That’s half the job already done!

Now we can integrate our icons. To do this, we select the appropriate icon on the Fontawesome website and copy the corresponding code by clicking on the copy icon:

font awesome social icons html

We can now paste this code into the text editor or any other element that supports HTML. It is important that you select the “Text” tab. Only there HTML will be recognized as such.

Any questions?

Suggestions for improvement or suggestions for further articles? Then use the comment function below this article!

We can also do the tutorial for you. Just send us an inquiry via the contact form!

SIE KÖNNEN SICH BEI UNS BEDANKEN!

Sofern Ihnen der Artikel geholfen hat, können Sie sich mit wenig Aufwand revanchieren!

 

Bitte hinterlassen Sie uns eine positive Bewertung.

 

Falls Sie Fehler entdecken oder ein Artikel unvollständig ist, freuen wir uns über einen Kommentar.

Bewertung erstellen

Comments

Tell us what you think! Reply now

Your email address will not be published.