Question

我正在尝试使用以下代码为我的网站制作Windows 8磁贴：

<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" />

application-name，msapplication-starturl和msapplication-navbutton-color属性工作正常，只需刷新页面即可更新 - 无需重新固定 - 但msapplication-tootlip，{{ 1}}和msapplication-TileColor被完全忽略。

注意：

这是一个WordPress网站
IE也忽略了此网站的图标
重新启动机器没有拉入图像
我从另一台计算机上的XAMPP服务器运行此站点，通过IP和端口号访问它
对于另一个本地网站，会选择favicon，但忽略相同的三个msapplication-TileImage元标记，并将favicon用作图块图像

有没有人知道出了什么问题以及我如何解决它？

[编辑]

我尝试通过微软的buildmypinnedsite.com代码生成器放置图像和设置，并使用它吐出的图像和代码，但这没有任何区别。

Answer 1

网站需要可以通过公共地址访问 - 无论是IP还是域，它都不能作为localhost或127.0.0.1本地IP地址

Answer 2

这可能是问题：content =“/ logo_w144px.png”。

很可能找不到图像。尝试更改路径或将回退添加到jpg。

内容= “logo_w144px.png”
内容= “../ logo_w144px.png”
内容= “../ IMG / logo_w144px.png”

...

Answer 3

您确定msapplication-TileImage是144x144 px .png image吗？

你可以看到（源“社区添加”部分）这是必须的，我也有同样的问题，当我将.png大小72x72 px更改为144x144 px时，问题就解决了。< / p>

来源; Customizing the Site Icon (Windows)

Answer 4

我刚刚用类似的设置遇到了这个问题。它最终是由.wrap()上的appendChild（或jQuery中的<iframe>）引起的。在我的情况下，这是因为我使用FitVids.js。

Reported the bug here

tile标签在任何页面上都能正常工作，而JS中没有使用appendChild修改<iframe>。

Answer 5

我今天一直在尝试这样做，并且发现如果您的网站在HTTPS下运行，图片将无法显示。

HTTP工作正常......

我无法相信我是发现这一点的唯一人，但尚未在网上找到有关它的任何信息。

- 编辑 -

HTTPS确实有效，但前提是您拥有完全受信任的证书 - 而不是自己生成的证书！

Answer 6

我已经对这些东西进行了一些实验，尽管有客户预览版，并且发现它非常不可靠。几个关键点：

如果你有一个图标，that will always be chosen as the image
无论用于磁贴的缓存是什么，都与浏览器缓存分开，并且似乎无法强制刷新，因此无论您是否看到任何缓存，它都非常受欢迎您可能在配置中进行的更新

Answer 7

如何确保使用图块图像代替图标？

    <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"/>

Windows 8 tile标签被忽略

7 个答案: