WordPress Favicon 未显示在 Google Chrome 选项卡上
WordPress Favicon not showing on Google Chrome tab
几个星期以来,我的网络杂志的图标不再显示,这在我工作的浏览器上,也在我的个人电脑上。
我想我没有更改配置。我试过重新上传,没用。
在Google Chrome Developer Console中,favicon.ico (404) 上有错误,但在页面的源代码中,这个 URL 不是打电话。
但是有两个标签 link 带有 rel = "icon" 和图标的 URL,如果我点击 links,图像是那里。
看来你用的是PNG图片,你可以试试添加属性type
。
所以你的 link 会是这样的:<link rel="icon" href="yourpath" type="image/png">
编辑: 另外,如果尚未完成,请将 .ico
文件放在网站的根目录中。
添加 WordPress 网站图标的最佳方式是通过 Appearance > Customize > Site Identity
添加网站图标。至少按 512 x 512
创建网站图标图像并按照路径导航。然后在 Site Identity
部分上传图片。 Save
它,你就完成了。
更多信息请关注this。
这是由于 div
标记错误地出现在页面的 head
部分。这样的标记应该只在 body
.
更多详情
大多数浏览器接受 body
-only 标记 head
。但是 Chrome 有一个特殊的行为。发生这种情况时,Chrome 认为 head
部分已关闭。因此,head
之后的标记实际上被认为是在 body
中。并且由于 favicon 标记在 body
...
中不起作用
这就是为什么您的网站图标在 Chrome 上失败但在 Firefox 上运行的原因。
如何修复
你的前两个div
在第153行左右,还在head
。作为提示,它们的 ID 是 fb-root
和 fb-customerchat
。这应该可以帮助您发现哪个插件正在执行此操作。
您是否应该禁用此插件,至少暂时禁用?你的选择。
您还应将此问题报告给插件开发者。您一定不是唯一受此问题影响的人。
几个星期以来,我的网络杂志的图标不再显示,这在我工作的浏览器上,也在我的个人电脑上。
我想我没有更改配置。我试过重新上传,没用。
在Google Chrome Developer Console中,favicon.ico (404) 上有错误,但在页面的源代码中,这个 URL 不是打电话。
但是有两个标签 link 带有 rel = "icon" 和图标的 URL,如果我点击 links,图像是那里。
看来你用的是PNG图片,你可以试试添加属性type
。
所以你的 link 会是这样的:<link rel="icon" href="yourpath" type="image/png">
编辑: 另外,如果尚未完成,请将 .ico
文件放在网站的根目录中。
添加 WordPress 网站图标的最佳方式是通过 Appearance > Customize > Site Identity
添加网站图标。至少按 512 x 512
创建网站图标图像并按照路径导航。然后在 Site Identity
部分上传图片。 Save
它,你就完成了。
更多信息请关注this。
这是由于 div
标记错误地出现在页面的 head
部分。这样的标记应该只在 body
.
更多详情
大多数浏览器接受 body
-only 标记 head
。但是 Chrome 有一个特殊的行为。发生这种情况时,Chrome 认为 head
部分已关闭。因此,head
之后的标记实际上被认为是在 body
中。并且由于 favicon 标记在 body
...
这就是为什么您的网站图标在 Chrome 上失败但在 Firefox 上运行的原因。
如何修复
你的前两个div
在第153行左右,还在head
。作为提示,它们的 ID 是 fb-root
和 fb-customerchat
。这应该可以帮助您发现哪个插件正在执行此操作。
您是否应该禁用此插件,至少暂时禁用?你的选择。
您还应将此问题报告给插件开发者。您一定不是唯一受此问题影响的人。