为WP博客添加个性化Favicon（收藏图标）
所谓Favicon，即Favorites Icon（收藏图标）的缩写，顾名思义，便是可以让浏览器的收藏夹中除显示相应的标题外，还可以以图标的方式区别不同的网站，在遨游、火狐等多标签浏览器中，这些图标还可以显示在标签栏和地址栏中，不仅美观，而且还可以使网站特色鲜明，给访问者以深刻的印象，只可惜主流的博客程序Wordpress却没有内置对此功能的支持。“网行志”迁移至WP合租主机后，由于当时诸事繁忙，加上知识上的空白，所以也就暂时没有为其添加Favicon，但看到很多个人博客至少都拥有一个个性化的Favicon，心中还是有些痒痒......
昨天，无意中发现了一个专门用来使WP支持Favicon功能的插件——Favicon Head（
下载链接），使用它可以让你很轻松的在WP博客中显示出个性化收藏图标（而且支持动态图标）。使用方法很简单：下载、上传、激活插件后，到WP后台的“设置”菜单的“Favicon Head”项中，设置图标的存放路径（当然事先要将图标上传到相应的位置，默认为网站根目录，文件名Favicon.ico），保存设置后，就会在浏览器地址栏、标签栏、收藏夹中显示出此站的Favicon（如本站相应位置所示）。
除了插件，还可以通过修改模板代码的方式显示出Favicon。同样先将图标文件上传到网站根目录，然后在模板文件header.php或页面源文件（主要指非WP博客）的<head></head>标签之间插入
<link rel="shortcut icon" href="favicon.ico" mce_href="favicon.ico" />
（favicon.ico需根据图标名称进行更改），同样可以达到显示图标的效果。
当然，这里就涉及到另一个问题——Favicon文件从何而来？除了从网上搜索下载现成的以外，还可以通过在线服务类网站进行DIY，这样可以更好的显示出特色与个性，这里提供两个我使用过的此类站点，仅供参考：
1、Favicon Generator。这个国外网站提供了Favicon在线制作服务，可以通过设定图片颜色（分为上下两部分）、文字内容及颜色（文字内容只能填英文，如果底部文字不填，则顶部文字会贯通上下）、边框颜色等来自主设计出个性化的Favicon，但不支持转换现成的图片，生成后保存到本地即可（本站目前的Favicon即使用此服务加工而成）。具体设置可参考下图。
虽然Favicon Generator使用起来很方便，但不支持对现成的图片进行转换，如果你有这方面需求，下面的这个在线服务应该更为适合。
２、比特虫（在线制作ico图标－ico图标转换工具）。顾名思义，这个在线服务可以将我们手中现成的图片（原始图像）转换为适当大小的图标文件。使用时首先导入原始图片（建议为400x400的jpg图像，500K以下，当然支持的格式不仅于此），接着选定目标尺寸（即生成的图标大小，一般为16×16），输入附加码，最后点击“生成ico图标”，浏览器会自动弹出下载窗口（建议不要使用下载工具），下载到的压缩包内就是转换后的图标文件，接下来就不用多说了吧。
由于欣赏水平所限，我所加工出的Favicon还很业余，但至少通过这一番实践，曾将神秘的Favicon不再会令我感到陌生和遥不可及了！对此感兴趣的朋友，也来动手试一试，让我们的博客更有特色、更有生机吧！
标签：favicon, ico图标, wordpress, wp, 个性化, 图标, 在线制作, 插件, 收藏图标, 模板代码, 转换☞ 本站文章均为原创，转载请注明：转载自网行志 [ http://webgol.org ]；另外，因数据流量有限，本站图片均已做防盗链处理，如需转载，请将图片另存后再作发布，并请保留版权标识。在此一并致谢!!
☞ 对本文感兴趣？您可以点击以下按钮进行推荐，或收藏&分享——
相关日志
评论一下
9 Responses to “为WP博客添加个性化Favicon（收藏图标）”
我要发言发表评论
订阅本站
↓点击按钮订阅本站↓
本站近况主机推荐
数据统计
手机访问
http://wap.webgol.org
我直接用了一张以前拍的照片，呵呵
以后有机会再自己做。
顺便告知一声，你的博客链接我已经加在左侧边栏了，短期内将不会变更。
另外，通宵不上网这个链接，你可以先移除掉了。
OK，恭喜独立开博，我已经去踩了个脚印，以后要常去感受“畅说”那自由犀利的气息 :-)
我的是在ie中可以显示，在遨游里不能显示！怎末回事？
在遨游2.0版的设置中心的“高级选项”中有相关选项，你看下是否是这里的设置问题 o(∩_∩)o...
在IE可以！可在其他浏览器不行！！是怎么回事？
我一直使用IE内核的傲游浏览器，所以对其他内核的浏览器没有测试过，不过感觉火狐等第三方浏览器应该也可以吧O(∩_∩)O~
这个中文网站也可以制作ICO图标了，www.ico.la 看域名就知道专业。
听说还可以处理透明ico图标哦。
请楼主收集到文章里面吧。
感谢分享，笑纳了O(∩_∩)O~