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日 回复

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

  • hamu 2014年12月10日 回复

    我照做了还是没显示啊,好烦。发条我的站点的外链哈哈 http://iamhamu.com

  • chonghua 2014年11月27日 回复

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

  • Baham's Java Blog 2012年7月23日 回复

    我也遇到了这个问题
    明天试试

    • 阿柯 2012年7月24日 回复 作者

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

  • 子欲的博客 2011年12月26日 回复

    去试试,呵呵。

  • 木托志 2011年12月26日 回复

    不错,试试。

  • 女士香水 2011年12月26日 回复

    回去我也好好用一下呀

  • 无锡seo 2011年12月26日 回复

    我也去用一下了

  • 天浩博客 2011年12月26日 回复

    这个不错,我要试试

  • 五度空间 2011年12月26日 回复

    不错的东东,学习了,多谢博主分享。欢迎回访五度空间:http://www.wudu.me/

  • 李超 2011年12月25日 回复

    这个不错,我也改改去

发表回复

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