WordPress Favicon没有显示在Google Chrome选项卡上

时间:2019-02-15 10:53:24

标签: wordpress favicon

几个星期以来,我的网络杂志的图标不再显示,而是在我的作品的浏览器中,也在个人PC上显示。

我认为我没有更改配置。我试图重新上传它,无济于事。

https://www.yubigeek.com/

在Google Chrome开发者控制台中,favicon.ico(404)出现错误,但是在页面的源代码中,未调用此URL。

但是,有两个标签链接带有rel =“ icon”和图标图标的URL,如果单击链接,图像就在那里。

3 个答案:

答案 0 :(得分:2)

这是由于div标记在页面的head部分中错误显示。此类标记应仅在body中。

更多详细信息

大多数浏览器在body中接受仅head的标记。但是Chrome具有特殊的行为。发生这种情况时,Chrome认为head部分已关闭。因此,以下head标记实际上被认为在body中。而且由于body中存在favicon标记不起作用...

这就是为什么您的收藏夹图标在Chrome上无法运行但在Firefox上可以运行的原因。

如何修复

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

您至少现在应该禁用此插件吗?您的选择。

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

答案 1 :(得分:1)

添加WordPress Favicon的最佳方法是通过Appearance > Customize > Site Identity添加favicon。至少通过512 x 512创建收藏夹图像,然后按照以下路径进行导航。然后在Site Identity部分中上传图像。 Save就可以了。

请关注this,以获取更多信息。

答案 2 :(得分:0)

似乎您正在使用PNG图片,可以尝试添加属性type

因此,您的链接将类似于:<link rel="icon" href="yourpath" type="image/png">

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