Adding Apple Touch Icons to Genesis

For the basic favicon.ico, you can simply add this file to the /images directory in your child theme. But, it’s 2015 and there’s a ton of devices using different sizes for their icons it’s probably best to take advantage of those in the case someone saves the website to their home screen on their device.

I thought I’d take some time to research and create a new workflow to solve the problem of my lack of icon usage. Lately, I’ve been using Favic-o-matic to bulk generate ALL the icons instead of saving them out one-by-one. I also just spotted this one in the App Store.

Filter: genesis_pre_load_favicon

You can use the genesis_pre_load_favicon filter to add all the necessary needed icons. You can then place all the icons into the directory specified in $favicon_directory.

View the code on Gist.



Personally, I like to keep plugins to a minimum but in the case you’re not a developer or you anticipate your client wanting to have control over this themselves, here’s a great plugin that has been kept up-to-date at the time of writing this.

Screen Shot 2015-12-09 at 9.26.27 PM

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *