Geek Answers Handbook

Windows 8 tags ignored

I am trying to make a Windows 8 cooker for my site using the following code:

 <meta name="application-name" content="Home | <?php echo bloginfo('name'); ?>" /> <meta name="msapplication-starturl" content="<?php echo bloginfo('url'); ?>" /> <meta name="msapplication-navbutton-color" content="#349ed5" /> <meta name="msapplication-tooltip" content="Tooltip Test" /> <meta name="msapplication-TileColor" content="#349ed5" /> <meta name="msapplication-TileImage" content="/logo_w144px.png" />

The properties application-name , msapplication-starturl and msapplication-navbutton-color work fine and are updated only with page refresh - no need to re-commit - but msapplication-tootlip , msapplication-TileColor and msapplication-TileImage completely ignored.

Notes:

  • This is a WordPress site.
  • IE also ignores the icon for this site
  • rebooting the machine did not pull the image
  • I run this site from the XAMPP server on another computer, getting it through IP and port numbers.
  • For another local site, the icon is displayed, but the same three msapplication meta tags msapplication ignored, and the icon is used as a tile image

Does anyone know what is going wrong, and how do I fix it?

[edit]

I tried to put the image and settings through the Microsoft buildmypinnedsite.com code generator and using the image and the code that he spat out, but that made no difference.

+4
source share
7 answers

The website must be accessible using a public address - this is an IP address or domain, it cannot be a local IP address like localhost or 127.0.0.1

+2
source

This may be the problem: content = "/logo_w144px.png".

Most likely, he cannot find the image. Try changing the path or adding backups to jpg.

  • content = "logo_w144px.png"
  • content = "../logo_w144px.png"
  • content = "../IMG/logo_w144px.png"

...

0
source

Are you sure your msapplication-TileImage is 144x144 px .png image ?

You can see that (the "Add-ons Community" part) is mandatory, I also had the same problem when I changed my .png problem, the size of 72x72 px to 144x144 px . The decision has been resolved.

A source; Customize the site icon (Windows)

0
source

I just ran into this issue with a similar setup. This is ultimately caused by using appendChild (or .wrap() in jQuery) on an <iframe> . In my case, it was because I used FitVids.js.

Report a bug here

Tile tags work correctly on any page without changing the <iframe> using appendChild in JS.

0
source

I tried so hard today and found that the image will not be displayed if your site is running HTTPS.

HTTP is working fine ...

I cannot believe that I am the only person who discovered this, but have not yet found any information on the Internet about this.

- Change -

HTTPS works, but only if you have a fully trusted certificate - not self-generated!

0
source

I experimented a bit with this material, albeit with the release of Preview Preview, and found it very unreliable. A few key points:

  • If you have a favicon at all that will always be selected as an image
  • No matter which cache is used for the fragments, it is separate from the browser cache, and it does not seem possible to force it to be updated, so it hit or missed any updates that you could make to the configuration
-1
source

How do you guarantee that the tile image will be used instead of the icon?

  <title>{$pageTitle}</title> {* Favicon and Apple touch icon *} <link rel="shortcut icon" href="{$THEME_URL}/favicon.ico" /> <link rel="apple-touch-icon" href="{$THEME_URL}/apple-touch-icon.png" /> {* Windows 8 tile *} <meta name="application-name" content="{$siteTitle}"/> <meta name="msapplication-TileColor" content="#3380aa"/> <meta name="msapplication-TileImage" content="{$THEME_URL}/tile.png"/>
-1
source

More articles:


All Articles