Sarah Moyer

WordPress Development for Web Agencies

  • Home
  • Work with Me
    • for Agencies
    • for Designers
    • for Business Owners
    • FAQs
    • Website Care
  • Portfolio
  • Blog
  • Contact

Add Favicon

Last updated on March 31, 2018 · Posted in Snippets · dev

The favicon shows up on the tab. In some browsers like Chrome and Firefox, the favicon does not appear in the URL field because those browsers only show the protocol (SSL or not). Ref

Option 1: Genesis Child Theme Images folder

Note: frontend only (not good for clients or bookmarking login page)

Drop your favicon.ico to your Genesis child theme’s Images folder. Create one if you don’t have an Images folder. Genesis will automatically grab it.

Option 2: All in One Favicon Plugin

Note: adds to frontend, backend, apple touch icon, and your choice of png, gif, ico, or all

Option 3: Media Library + functions.php

Note: frontend only (not good for clients or bookmarking login page)

  1. Add favicon (must be png or gif, not ico) to the Media Library in the wp backend
  2. Add this code to your Genesis child theme’s functions.php file:
//* Add Favicon
add_filter( 'genesis_pre_load_favicon', 'custom_favicon' );
function custom_favicon( $&;favicon_url ) {
    return 'http://www.yourwebsite.com/where/the/image/is/favicon.png';
}

Option 4: Media Library + Genesis Theme Settings

Note: frontend only (not good for clients or bookmarking login page)

  1. Add favicon (must be png or gif, not ico) to the Media Library in the wp backend
  2. Add this code WP backend > Genesis Theme Settings > Header and Footer Scripts:
    

Was this post helpful?

Leave a Reply Cancel reply

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

Anti-Spam by WP-SpamShield

Recommended Resources

Copyright © 2023 by Sarah Moyer · Privacy Policy