【问题标题】:WordPress Favicon not showing on Google Chrome tabWordPress Favicon 未显示在 Google Chrome 选项卡上
【发布时间】:2019-07-09 12:06:14
【问题描述】:

几周后,我的网络杂志的网站图标不再显示,这在我工作的浏览器上,但也在我的个人电脑上。

我认为我没有更改配置。我尝试重新上传它,但没有成功。

https://www.yubigeek.com/

在谷歌浏览器开发者控制台中,favicon.ico 出现错误(404),但是在页面的源代码中,没有调用这个 URL。

但是有两个标签链接,带有 rel = "icon" 和 favicon 的 URL,如果我点击链接,图像就在那里。

【问题讨论】:

  • 我认为你走错了路。 WordPress 内置了添加网站图标的功能。您可以通过Appearance > Customize > Site Identity 添加网站图标。欲了解更多信息,请关注nerodev.com/how-to-add-favicon-in-wordpress
  • 我已经从站点标识添加了网站图标...这是我可以添加网站图标的唯一页面。
  • 上传至少 512px 宽和 512px 高的网站图标图片
  • 完成了,但同样的问题。在后面,我有网站图标,而不是在前面。
  • 是否启用了任何缓存?如果是这样,请清除缓存并检查。

标签: wordpress favicon


【解决方案1】:

添加 WordPress Favicon 的最佳方法是通过 Appearance > Customize > Site Identity 添加 favicon。至少通过512 x 512 创建网站图标图像并按照路径导航。然后将图片上传到Site Identity 部分。 Save 就完成了。

请关注this了解更多信息。

【讨论】:

    【解决方案2】:

    这是由于div 标记错误地出现在您页面的head 部分。此类标记只能在body 中。

    更多详情

    大多数浏览器在head 中接受body-only 标记。但是 Chrome 有一个特殊的行为。发生这种情况时,Chrome 会认为 head 部分已关闭。因此,在head 之后的标记实际上被认为在body 中。而且由于body 中的图标标记不起作用...

    这就是您的网站图标在 Chrome 上失败但在 Firefox 上运行的原因。

    如何解决

    您的前两个div 在第 153 行附近,仍在head 中。作为提示,它们的 ID 是 fb-rootfb-customerchat。这应该可以帮助您确定哪个插件正在执行此操作。

    是否应该禁用这个插件,至少现在?您的选择。

    您还应该将此问题报告给插件开发人员。您不能是唯一受此问题影响的人。

    【讨论】:

    【解决方案3】:

    您使用的是PNG图片,您可以尝试添加属性type

    所以你的链接应该是这样的:<link rel="icon" href="yourpath" type="image/png">

    编辑:另外,如果尚未完成,请将您的 .ico 文件放在您网站的根目录中。

    【讨论】:

      猜你喜欢
      • 2012-09-24
      • 1970-01-01
      • 2017-07-20
      • 1970-01-01
      • 1970-01-01
      • 2021-10-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多