Question

根据微软的指示设置Win 8 Metro Tiles - http://www.buildmypinnedsite.com但它们对我不起作用。我的网站是http://themixtapesite.com

这是我的标题代码，其中包含标记，所有其他标记用于其他工作，我的所有Apple相关代码都可以正常工作。

<head>

<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

<meta name="format-detection" content="telephone=no">

<link rel="apple-touch-icon-precomposed" href="http://assets.themixtapesite.com/images/touch-icon-iphone.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://assets.themixtapesite.com/images/touch-icon-ipad.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://assets.themixtapesite.com/images/touch-icon-iphone-retina.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://assets.themixtapesite.com/images/touch-icon-ipad-retina.png" />

<title><?php wp_title( '|', true, 'right' ); ?></title>
<meta name="description" content="<?php rb_excerpt('rb_excerptlength_widget', 'rb_excerptmore'); ?>">
<meta name="viewport" content="width=device-width; initial-scale=1.0; 
maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
<meta name="application-name" content="TMS"/> 
<meta name="msapplication-TileColor" content="#000000"/> 
<meta name="msapplication-TileImage" content="http://assets.themixtapesite.com/images/15024da5-9803-4120-af3f-e8b2636c5eba.png"/>

代码似乎没有任何问题，您可以查看源代码及其中的内容，但Win 8和microsofts站点不会读取3个标签，标题，颜色或图像中的任何一个。必须与我的主题有关，但它可能是什么？

Answer 1

首先，您可以删除额外的视口标记。没有必要有两个吗？

此外，您的网页似乎还有未关闭的标签。也许这导致它不显示？

http://validator.w3.org/check?uri=http%3A%2F%2Fthemixtapesite.com

修复这两个然后再回复我。我很抱歉，但我太喜欢直接向你发表评论了。

Answer 2

要显示tileColor和tileImage，您必须从Internet Explorer（ie9 +）的metro（tile）版本固定到开始屏幕。

尽管代码正确，但Windows 8 Metro Tiles仍未在主题中工作

2 个答案: