如何给WordPress博客添加favicon.ico图标

Nov202012

作者：sdujane 发布：2012-11-20 11:11 分类：WP教程阅读：25,126 浏览数 14条评论

博主在访问一些网站或者博客时注意到在浏览器地址栏的博客地址前面或在浏览器标签中会显示出不同的图片，一个好的favicon.ico图标不仅可以让访客轻松记住你的博客，而且可以给博客塑造出自己独特的品牌，因此如何给WordPress博客制做和添加favicon.ico图标成了重点！

图标示例：

垃圾站博客原创 www.lajiz.cn 转载请保留原文链接！

添加静态favicon.ico图标的方法：

制做一张16px×16px（像素）大小的图片命名favicon并修改扩展名为.ico，即favicon.ico文件！

方法1：将favicon.ico图标上传到WordPress博客空间的根目录（方法1无效时可以使用方法2）！

方法2：把favicon.ico图标上传到空间的某个目录（如博客主题图片目录），编辑主题文件header.php，在<head>和</head>之间添加以下代码：

<link rel="shortcut icon" href="favicon.ico"  type="image/x-icon" />
<link rel="Bookmark" href="favicon.ico" />

保存更新文件！

添加动态favicon图标的方法（FireFox浏览器支持动画格式的favicon图标）：

制做一张大小为16×16像素的gif动态图片命名为favicon.gif，编辑WordPress主题文件header.php，在<head>和</head>之间添加以下代码：

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

保存更新文件！
此时关闭所有打开的浏览器，并清空浏览器缓存后打开就可以看到更新的效果！
垃圾站博客自己制作的favicon.ico图片参见浏览器上方哦……

该文章由 sdujane 于2012年11月20日发表在 WP教程分类下，访客可以发表评论，并在保留原文地址及作者的情况下引用到你的网站或博客！
原创文章，转载请注明: 如何给WordPress博客添加favicon.ico图标 | 垃圾站
关键字: wordpress, 教程, 网页