4

我正在尝试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-starturlmsapplication-navbutton-colormsapplication-tootlipmsapplication-TileColormsapplication-TileImage

笔记：

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

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

[编辑]

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

4

7 回答 7

2

该网站需要可以通过公共地址访问 - 它是 IP 还是域，它不能是本地 IP 地址，例如 localhost 或 127.0.0.1

于 2015-08-31T07:56:16.350 回答
0

我刚刚用类似的设置遇到了这个问题。它最终是由.wrap()在<iframe>. 就我而言，这是因为我使用 FitVids.js。

在这里报告错误

平铺标签在任何页面上都可以正常工作，而无需<iframe>在 JS 中使用 appendChild 进行修改。

于 2013-03-06T18:06:22.287 回答
0

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

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

资源 ; 自定义站点图标 (Windows)

于 2013-02-05T07:28:27.657 回答
0

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

HTTP 工作正常...

我不敢相信我是唯一发现这一点的人，但还没有在网上找到任何关于它的信息。

- 编辑 -

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

于 2013-04-04T17:08:03.377 回答
0

这可能是问题所在： content="/logo_w144px.png" 。

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

  • 内容="logo_w144px.png"
  • 内容="../logo_w144px.png"
  • 内容="../img/logo_w144px.png"

...

于 2013-02-01T11:22:43.307 回答
-1

您如何确保使用平铺图像代替网站图标？

    <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"/>
于 2013-03-21T14:55:48.797 回答
-1

我已经对这些东西做了一些实验，尽管是使用客户预览版，但发现它非常不可靠。几个关键点：

  • 如果您有一个网站图标，它将始终被选为图像
  • 用于切片的任何缓存都与浏览器缓存分开，并且似乎无法强制刷新，因此无论您是否看到可能在配置中进行的任何更新，都非常容易受到影响
于 2013-02-01T13:33:15.353 回答