Replace WordPress default favicon – and add a full package of icons for mobile and desktop
There’s a really great favicon generator out there that will take your icon and turn it into every file size and type you need for a full range of icons for mobile devices, desktops, and even a Windows tile. Prepare your artwork at least 260px square (transparent PNGs work great), and head over to RealFaviconGenerator.net. You’ll get a zip file with a full package ready to go, and they’ll even offer the HTML you need to put into the <head> of your documents. Because we’re talking about WordPress here, you have to change their default path like this:
Copy/paste this code and drop it in the field you see there:
You’re going to put the resulting code into your functions.php file like this:
In the code above, line 18 is the one that dumps the Genesis G favicon that plagues 90% of Genesis sites. I swear I’m not making that statistic up.
In your child theme folder, inside the images directory, create another folder for the favicons (I called mine “favicon-package” above) and upload the images there. You could just dump them loose in your images folder, but I like to keep things organized.
In addition to choosing your file path, this tool also allows you to select your compression and scaling settings – with previews of each! – and choose the App name that will be displayed when a user adds an icon for your site or app to their smartphone screen. All in all, a very slick tool and one that saves a ton of time.
This is great! Thanks for the favicon information.
We’re glad it helped!