Favicon

[Stefani]

Hi there!  I did a search in the forum for topics on the favicon, but I don't see where the Genesis favicon is located in order to change it.  If someone could guide me as to where it is, I'd greatly appreciate it.  Thanks so much!

 

Stefani 🙂

[essaysnark]

Here's how to load it from wp-content/images:

http://www.briangardner.com/code/load-custom-favicon/

[Stefani]

GREAT!  Thank you!!

[Stefani]

Do I add ALL of the code?

<?php

// Load custom favicon
add_filter( 'genesis_pre_load_favicon', 'custom_favicon_filter' );
function custom_favicon_filter( $favicon_url ) {
	return 'http://www.mydomain.com/wp-content/images/favicon.ico';
}

Or just this part:

add_filter( 'genesis_pre_load_favicon', 'custom_favicon_filter' );
function custom_favicon_filter( $favicon_url ) {
	return 'http://www.mydomain.com/wp-content/images/favicon.ico';
}

[essaysnark]

Good question!

Don't include the php part, since your functions.php file will already have that at the top.

The line that begins with // is a comment so you can include that.

So, here's what to include:

// Load custom favicon
add_filter( 'genesis_pre_load_favicon', 'custom_favicon_filter' );
function custom_favicon_filter( $favicon_url ) {
return 'http://www.mydomain.com/wp-content/images/favicon.ico';
}

If you have never edited one of these files before, then first, MAKE SURE YOU HAVE ACCESS TO YOUR SERVER VIA FTP (have your login credentials and instructions handy). And, create a backup of your existing file (before you make changes), so that you can restore it, in case something goes wrong. The easiest way to do that is simply Ctrl+A (on a PC) to select the whole thing, then Ctrl+C to copy it, then paste it into Notepad or Wordpad and save it as a plain-text file.

The reason for these precautions is that a tiny error in functions.php can cause the whole site to go down, which is a scary thing indeed - but very easy to fix if you have these pieces ready. (Hope I don't freak you out with all this - it's not a big deal to make these changes, you just want to be prepared!)

If you get stuck just let us know!

[essaysnark]

PS: The code snippet is only showing up in the fancy colors here as a way to show what each part is doing - green for comments, yellow for variable names, etc. - it's obviously going to be just plain text (black) when you paste it into your functions.php file.

[Stefani]

Cool!  thanks so much!

[Stefani]

Woooohooo!  It worked...and it's the cutest little favicon ever!  THANK YOU!

[seanct]

Where about in the functions.php file would you load this code?

[essaysnark]

@seanct, you can place that code anywhere in functions.php. However, if you're not familiar with editing this file, then be VERY careful: One small typo can bring down your whole site. Be sure to take a backup of the file before editing, and have your FTP login instructions on hand so that you can restore it to the server if something goes wrong.

[seanct]

Thanks so much, I'll definitely make a back up just in case 🙂

[seanct]

Ok so I tried adding the code in at the very end of functions.php and that didn't work. Before I try again, does the image need to be named favicon.ico ?

And how exactly would I get an image to end in .ico?

Kind regards

Sean

[essaysnark]

Hi Sean - yes it needs to specifically be an ICO file, named favicon.ico. You can create it in a graphics program - here's how:

http://codex.wordpress.org/Creating_a_Favicon

[ChristinaP]

So I just tried this and blew up my site. I deleted the code out of the functions.php file after it stopped working and saved it again and it's giving the same error. I have restored the file (wp-content/themes/news/functions.php), and even ended up renaming the News and Genesis folders and uploading them again fresh. Same error, I can't even get to my site or the admin page.

Parse error: syntax error, unexpected ';', expecting ')' in /home/content/t/y/l/tyleralex/html/kidfriendlymanitoba/blog/wp-content/themes/news/functions.php on line 111

Any idea on what to do to fix this? My site is kidfriendlymanitoba.com

thanks so much! One of the reasons I chose this theme was because of this forum and I do have some coding background, it's been years but I usually can figure things out.

[ChristinaP]

ok, ignore that. i did something to fix it

[essaysnark]

So you got it working now?

[ChristinaP]

I did! I reinstalled the functions.php file one more time and my site is working now. I should just walk away when I mess things up.

I don't have the favicon changed though.

[essaysnark]

Well congrats on getting everything back to what it was! That alone can be a major accomplishment - I've been through that panic myself plenty of times. 🙂

On the favicon, it's hard to tell what the problem was from the info you provided but based on the error, I'm wondering if it's possible that you inserted the code in the middle of another function? Make sure you scroll to the very end of functions.php and insert the new code there.

Also, you need to insert it as plain text - sometimes, copying from the browser can introduce problems (HTML characters and fancy quotes). To avoid that, you can select and copy it from this page (be sure to get the entire block of code) then paste it into a text editor - NotePad on the PC or TextEdit on Mac. Then, select it from there and copy/paste into your WordPress file.

If you did all that and it's still not working, you can try posting the functions.php to http://pastebin.com/ and link to it here so we can check it out.

[ChristinaP]

I think I did insert it in a function, I thought I was scrolled all the way down but noticed the bracket or something when I deleted the code. Now I'm a little afraid to try again 😛
I was using Arthemia by ColorLabs and they just had a spot to upload the favicon, it was so much easier!

[Bill Murray]

I think the function is a bit of overkill for most users. The real purpose of the function is if you want to use what I'll call a non-standard favicon location or filename.

In your childtheme's images folder, you should see a file named favicon.ico.

If you replace that file with the favicon you created with the same name, no code is necessary (at least not that last time I checked ...).

Hope that helps.

---

Web: https://wpperform.com or Twitter: @wpperform

We do managed WordPress hosting.

[Author]

Posts