Front End and Back End Favicons – The Code

[ScottFromPA]

Guys,

I thought I'd post the code I use to post custom favicons for both the front end and back end.

/** Favicon Back **/
function favicon(){
echo '<link rel="shortcut icon" href="your server path to the back end favicon">',"\n";
}
add_action('admin_head','favicon');

/** Favicon Front */ 
add_filter( 'genesis_pre_load_favicon', 'custom_favicon' ); 
function custom_favicon( $favicon_url ) {         
	return 'your server path to the front end favicon'; }

I use browser tabs during development and it's important to visually understand which is a front end vs admin tab. It's a efficiency thing. I've been using the All in One Favicon. The developer walked away from it so I'm using this now.

I imagine there's a better way to code this.

[Brad Dalton]

Here's another method http://dreamwhisperdesigns.com/genesis-tutorials/change-default-genesis-favicon/

---

Tutorials for StudioPress Themes.

[coralseait]

We use a different method to achieve broad support across many resolutions and devices; waiting for customizer dust to settle a bit before we update it for that.

http://www.coralseait.com/changing-the-genesis-framework-favicon-a-better-way/

---

Coral Sea IT

[Summer]

FWIW, I had started using the tool at http://realfavicongenerator.net then uploading the resulting package of images and adding the code to the Header scripts section.

No messing with template code, no need to add images to a themes image folder.

---

WordPress / Genesis Site Design & Troubleshooting: A Touch of Summer | @SummerWebDesign
Slice of SciFi | Writers, After Dark

[Author]

Posts