Setting up WordPress FavIcon

I wanted something a bit more custom looking than the stock WordPress Icon so I decided to take my avatar and make a favIcon from that.

I went to Favicon-Generator it does a nice job of resizing and making the “ico” file, which is pain to create, and gives you several varying sizes of your uploaded image:

favicon_generated_set

It also does a nice job of creating the html to include in your header. I only used a subset from the generated html:

<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

I created a child theme in Word Press then edited the header to include the above in the <head> block.

Enjoy!

Leave a Reply