几个星期以来,我的网络杂志的图标不再显示,而是在我的作品的浏览器中,也在个人PC上显示。
我认为我没有更改配置。我试图重新上传它,无济于事。
在Google Chrome开发者控制台中,favicon.ico(404)出现错误,但是在页面的源代码中,未调用此URL。
但是,有两个标签链接带有rel =“ icon”和图标图标的URL,如果单击链接,图像就在那里。
答案 0 :(得分:2)
这是由于div
标记在页面的head
部分中错误显示。此类标记应仅在body
中。
更多详细信息
大多数浏览器在body
中接受仅head
的标记。但是Chrome具有特殊的行为。发生这种情况时,Chrome认为head
部分已关闭。因此,以下head
标记实际上被认为在body
中。而且由于body
中存在favicon标记不起作用...
这就是为什么您的收藏夹图标在Chrome上无法运行但在Firefox上可以运行的原因。
如何修复
您的前两个div
在第153行附近,仍然在head
中。提示一下,它们的ID为fb-root
和fb-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
文件放入网站的根目录。