try adding type=”image/png” in the link definition. Additionally Chrome is a little bit harder to clean the favicon cache (needs also a restart) This thread can help you perhaps, there are several hints there The other thing is, I remember have read somewhere, that it is best practice to have the favicons in the root … Read more
If you have a modern theme, where you can upload a favicon with the theme customizer (rather than a hardcoded url in the header.php), you can simply use a filter. Take a look at the function get_site_icon. As you can see it returns the url of the image that you have uploaded using the customizer. … Read more
I figured out the issue. In my plugin I was calling an echo statement from a WP_Head function. This was causing the <head> tag to be immediately closed and rendered in the body. Any remaining code for the WP_Head was being output in the body, including the favicon <link> tags.
OK… as it sometimes goes i cant rest until i find a way and i found a way to get the fave icon to proeprly display using google 🙂 its really simple: // here i get my URL from my custom post type $directoryNoHttpUrl = get_post_meta( $post->ID, ‘directory_url’, true ); //here i clean the url … Read more
I set the href as the abosolute path and it works, seeing below: <link rel=”shortcut icon” href=”http://example.com/favicon.ico” /> Or as suggested by @Caspar and @Howdy_McGee, for wordpress 4.3+, use: Dashboard -> Appearance -> Customize -> Site Identity -> Site Icon
As of WordPress version 5.6, any posts or pages has options on the editor to include any custom scripts/styles and meta tags to the header of the page. So if you put your <link rel”icon” href=”favicon.png”/> it should work. You upload your favicon into the media and after you uploaded the media. Refer the uploaded … Read more
I have just implemented this solution to my own website. I copied my site-icon.png file (the favicon that I inserted via the wordpress dashboard) to my root directory (public_html folder) and renamed it favicon.ico. To test that it was placed correctly I typed in the following www.mywebsite.co.za/favicon.ico and the favicon displayed. I then went and … Read more
add_action(‘wp_head’, ‘my_favicon’); function my_favicon() { echo “<link rel=”shortcut icon” href=”https://wordpress.stackexchange.com/questions/383392/” . get_stylesheet_directory_uri() . “/images/favicon.ico”>”; } I think the problem was incorrect quotation marks on the string. Can you try this code.
You can’t ( and shouldn’t ) have php in your css files, css should be static and unchanging. If you need to generate dynamic css, you can put it inline in the header, or have your theme add a url via wordpress from which to generate the css stylesheet dynamically. add_action(‘wp_head’,createfunction(“”,”echo ‘<style>.rss a { background-image: … Read more
The site icon in WordPress is worked as a favicon. And the knowledge about the favicon is mostly limited to 16×16 or 64×64 pixels. But this StackOverflow thread shows there’s a necessity of a 114×114px favicon for Retina Opera, and a 200×200px favicon for Mobile Opera Speed Dial. The necessity of such a larger icon … Read more