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 thoughts on “wordpress不显示favicon.ico图标的解决办法

  1. 按照这个方法,文章页面的图标的绝对地址就成了文章地址/图标文件名了。不知道该怎么设置,我用的是绝对路径

    1. 嘿嘿,很久没有人在我博客留言了,老兄算是贵客呀。呵呵。。。欢迎常来发一下外链//

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注