wordpress不显示favicon.ico图标的解决办法

原来用Zblog的时候就把PJblog的favicon.ico图标移了过来,在IE和世界之窗浏览器下都没问题。但自从转了WP之后,使用谷歌浏览,不管怎么清除浏览器缓存favicon.ico就是不能显示出来。上网搜索了一下,成功解决。

先挑一张喜欢的图片,调整成16×16大小,通过相关图片制作工具,将其转换为扩展名为.ico,文件名为favicon的图片,即favicon.ico

方法一(这是我一直用的方法,但转WP后失效)

  • 把准备好的favicon.ico图标直接上传到WordPress博客所在的网站空间的根目录
  • 保存更新文件文件,清除浏览器缓存即可以地址栏看到favicon图标

方法二(本人用这方法成功解决问题)

  • 把准备好的favicon.ico图标上传到空间的某个目录(如博客根目录)
  • 编辑主题文件header.php,在<head>和</head>之间添加以下代码:
    1
    2
    <link rel="shortcut icon" href="favicon.ico"  type="image/x-icon" />
    <link rel="Bookmark" href="favicon.ico" />
  • 保存更新文件文件,清除浏览器缓存即实现效果

添加动态favicon图标的方法:

  1. 先挑一张喜欢的gif动态图片,调整成16×16大小,重新命名为favicon.gif
  2. 编辑WordPress主题文件header.php,在<head>和</head>之间添加以下代码:
    1
    <link rel="icon" href="favicon.gif" type="image/gif" >
  3. 保存更新文件,清除浏览器缓存即可以地址栏看到favicon动态图标效果

提醒:有些主机不支持方法一,所以建议使用方法二。

13 条评论

  • ces 2014 年 12 月 15 日 回复

    为什么是调戏良家夫妇-.-

发表评论

电子邮件地址不会被公开。 必填项已用*标注