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

favicon.ico 介绍:

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

favicon.ico 添加方法:

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

方法一

1. 把准备好的 favicon.ico 图标直接上传到 WordPress 博客所在的网站空间的根目录

2. 保存更新文件文件,清除浏览器缓存即可以地址栏看到 favicon 图标

方法二

1. 把准备好的 favicon.ico 图标上传到空间的某个目录(如博客根目录)

2. 编辑主题文件 header.php,在<head> 和</head> 之间添加以下代码:

<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> 之间添加以下代码:

<link rel=”icon” href=”favicon.gif” type=”image/gif” >

3. 保存更新文件,清除浏览器缓存即可以地址栏看到 favicon 动态图标效果

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