Community Forums › Forums › Archived Forums › Design Tips and Tricks › Genesis Favicon Issues
Tagged: Favicon, genesis, pinterest, Pretty Young Thing
- This topic has 19 replies, 9 voices, and was last updated 10 years, 6 months ago by Erin Ulrich.
-
AuthorPosts
-
September 25, 2013 at 3:30 pm #64158burnettsboardsMember
So I replaced the black G (Genesis favicon) with my own - seems to work on browsers etc. However, with Pinterest's rich snippets it is still appearing as the black G - any advice? Example: http://www.pinterest.com/pin/47850814764116768/
Rich snippets just sort of happened for me - I did nothing to set them up etc - must just be a part of the theme?
Child theme I'm using is Pretty Young Thing.
http://burnettsboards.comSeptember 25, 2013 at 3:34 pm #64159AnitaKeymasterI always copy it into multiple locations as my own best practice. I copy it into the Genesis Framework images folder, my child theme image folder and I also copy it into my root folder. Keep in mind, when Genesis is updated - it may overwrite it though.
Love coffee, chocolate and my Bella!
September 25, 2013 at 4:19 pm #64171burnettsboardsMemberYea I definitely replaced the favicon in all three places...
September 26, 2013 at 12:48 pm #64325devParticipantThis code has never failed me pre- 2.0. I think it will still work in 2.0:
// 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';
}September 27, 2013 at 2:00 am #64437burnettsboardsMemberWhere should I put that? If in the functions.php file - does it go in the genesis functions or the child theme, and once there - where abouts in there?
Mahalo!
September 27, 2013 at 8:14 am #64456devParticipantJust put it at the end of functions.php. Of course you need to create a favicon.ico file and put it somewhere (i.e. like in images folder or just in the web root or anywhere you like) and put in the appropriate path to that file. As long as you code the URL correctly, it should work on all browsers.
September 29, 2013 at 7:06 pm #64721burnettsboardsMemberWhich functions php? Gensis or the child theme I'm using?
September 29, 2013 at 7:50 pm #64730devParticipantThe child theme.
Works like a charm so long as you code the URL of the favicon correctly.
Using other methods works with some browsers but not others. And you also have to often wait for a cache to clear. But when you put it in the code, it works each and every time. Never fails... unless they have done something in Gen 2.0 to mess it up... but I doubt it. I think I've tried it with 2.0... don't remember. I'm sure someone here will give it a go with 2.o and report back.
October 1, 2013 at 7:09 am #64929burnettsboardsMemberPasted that on my test site and it did this: Parse error: syntax error, unexpected T_CONSTANT_ENCAPSED_STRING in /home3/burnett/public_html/SparkleAndLight.com/wp-content/themes/pretty/functions.php on line 105
October 1, 2013 at 12:45 pm #64974devParticipantWhat exactly did you paste?
Or maybe you missed a quote mark (must be regular quote mark, not a "smart" quote.
Hint: First past the code into a text editor like Notpad or whatever you use (NOT a wordprocessor). Then copy it from there and paste it in your code.
You might have left out the final semi-colon?
October 9, 2013 at 7:36 am #65960slew00MemberI got the same problem that burnettsboards got. You'd think Genesis would have an EASY way to change the favicon, or, even better, NOT change the site's favicon. Such a PITA to switch it back. WTF guys. This is a paid program. I shouldn't have to paste code anywhere to RESTORE my favicon.
Seems like Genesis could just put a line in that says "Where's your favicon?" and a normal person could just paste in the path to the icon. Why hasn't that happened? Why is Genesis replacing a sites' favicon with their own?
October 9, 2013 at 9:29 am #65973devParticipantYou should be able paste this type of HTML:
<link rel="icon" type="image/ico" href="http://www.mysite.com/favicon.ico"/>
into the 'header' box in Genesis and it should work.
I use code at the end of functions.php of the theme and so far have not had any problems with it.
October 9, 2013 at 4:47 pm #66022SummerMemberBoth Firefox and Chrome are notorious about caching favicons, and literally I've had to make sure that when I update a site, I update the main and the child theme favicons before I switch themes, else I have no choice but to shut down my browser and restart to get the default Genesis icon to clear out.
That is one thing I like about some of the ZigZag themes, they give you a place to load up your favicon if you're not the type who likes to go digging thru code or replacing images 🙂
WordPress / Genesis Site Design & Troubleshooting: A Touch of Summer | @SummerWebDesign
Slice of SciFi | Writers, After DarkOctober 9, 2013 at 9:27 pm #66053devParticipantThat is so true with FF and Chrome. This is why so many people like to use code (assuming you can get it to work!) because it eliminates the caching issue with favs.
October 14, 2013 at 1:59 pm #66692BootsMemberI am having the same issues above. Any one know the best way to change the favicon?
October 14, 2013 at 2:14 pm #66696devParticipantDid you upload the favicon.ico file to your site and try the PHP code at the end of your child theme's functions.php file?
// Load custom favicon add_filter( 'genesis_pre_load_favicon', 'custom_favicon_filter' ); function custom_favicon_filter( $favicon_url ) { return 'http://www.mydomain.com/where-you-put-it/favicon.ico'; }
(Maybe this code no longer works with the 'pro' themes / HTML5? I would not think there would be a problem, but maybe someone will try it and let us know.)
October 14, 2013 at 6:44 pm #66736MarcParticipantThe plugin linked below works well if you just want a quick easy method.
http://wordpress.org/plugins/genesis-favicon-uploader/You will observe it hasn't been updated in a while, but I find it works nicely with any of the old themes as well as any of the new HTML5 Genesis 2.0 themes.
October 16, 2013 at 3:58 am #66955JackParticipantI get the same error message when using the code above.
I had a .ico image working and with new modern-portfolio using a png for the favicon I'm looking for other options.
Jack Kennard
http://jackkennard.comOctober 16, 2013 at 8:31 am #66986devParticipantWhat error do you get when using the code? Please post it for me to see.
Maybe this code no longer works on HTML5 StudioPress themes. It works on the HTML5 converted Appfinite Legacy theme.
I'll have to download one of the new SP themes and give it a try later today. I'll report back.
Does anyone know if SP dropped the genesis_pre_load_favicon filter? Is there a current list (for Gen 2.x) of filters and actions, etc. somewhere? It is still listed here, but not sure this is current:
http://my.studiopress.com/docs/filter-reference/More info here: http://www.howtowords.com/2013/05/how-to-change-favicon-in-genesis-wordpress-theme/
October 19, 2013 at 5:32 am #67617Erin UlrichParticipantHad a similar issue as the original poster with a client of mine. The favicon showed up fine everywhere but Pinterest. After three months of the old favicon showing at Pinterest, it finally updated on its own.
Erin Ulrich | Genesis Recommended Developer | Design by Insight
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.