WordPress 博客添加个性标志favicon.ico

为WordPress博客添加个性的favicon.ico,可以让博客个性标志显示在浏览器地址栏上和收藏夹中,加深访客对博客的印象。博主们访问一些添加了favicon标志的博客应该注意到,在浏览器地址栏博客地址前面或在浏览器标签中显示出来的个性图片,博客吧同时也有添加favicon.ico图标。

favicon.ico介绍:

所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。而且根据不同版本的浏览器,作用效果也会有差异。

favicon.ico添加方法:

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

方法一

  • 把准备好的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动态图标效果

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

 » 转载请注明出处: 博客吧

Tags:

日期: 九月 10, 2010 / 热度: 6,111 ℃

分类: WordPress教程

14 Comment so far

  1. 严重浪漫 九月 10, 2010 3:28 下午

    这个我已经添加了。
    希望大家都试试

    [回复]

  2. Firm 九月 11, 2010 3:53 下午

    俺这个图标一直制作不好,放弃了

    [回复]

  3. julor-学习啦 九月 12, 2010 9:09 上午

    这个很简单啊,人也这么做的,哈哈

    [回复]

  4. Niubility 九月 20, 2010 12:47 下午

    那个ICO图标怎么制作啊?

    [回复]

    板凳 回复:

    @Niubility, 选好图片,调整大小,找个格式转换工具把图片转为.ico格式就可以了。或者你自己用PS等软件制作.ico格式的图片。

    [回复]

  5. 求索阁 十月 7, 2010 9:42 下午

    文章上部的广告背影做得好啊!

    [回复]

  6. buy discount wedding dresses online 十一月 3, 2010 3:29 下午

    回楼上,那是google的广告…

    [回复]

  7. Lax-Apple 十二月 1, 2010 8:21 下午

    之前一直郁闷弄不好,原来我上传到主题文件夹了,该放到更目录后问题解决

    [回复]

    板凳 回复:

    @Lax-Apple, 在主题文件夹,你可以设置路径

    [回复]

  8. 何苦呢 一月 12, 2011 7:44 上午

    这个ico直接扔到根目录里就可以了

    [回复]

  9. 标志设计 三月 7, 2011 12:46 下午

    博主的ico 做的不错,谢谢分享了

    [回复]

    板凳 回复:

    @标志设计, 不是本站原创的ico图标。

    [回复]

  10. Chuck Bass 三月 20, 2011 9:06 下午

    我按照上面的介绍做了,怎么还不显示啊?

    [回复]

    板凳 回复:

    @Chuck Bass, 清除浏览器缓存看看。

    [回复]

    Chuck Bass 回复:

    @板凳, 已经搞定了,是权限问题,还没查出来怎么回事,用FileZilla Client上传上去的文件竟然是500的权限

    [回复]

  11. Honwhy 五月 8, 2011 3:51 上午

    对于方案二,怎么”,求解!

    [回复]

  12. Honwhy 五月 8, 2011 3:52 上午

    对于方案二,怎么<link后边会有两个斜杠+右尖括号,求解!

    [回复]

    板凳 回复:

    @Honwhy, 多了一个/>,去掉第一行最后一个/>

    [回复]

  13. 静脉曲张袜什么牌子好 五月 20, 2011 3:09 下午

    我还没添加马上去试试

    [回复]

  14. 韩都衣舍旗舰店 十月 26, 2011 9:49 下午

    太谢谢了,我成功了

    [回复]

Trackbacks

Leave a Comment

Name (必需)

Email (必需)

网站

评论

More Blog Post

Feed