为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使用起来很方便,但不支持对现成的图片进行转换,如果你有这方面需求,下面的这个在线服务应该更为适合。
2、比特虫(在线制作ico图标-ico图标转换工具)。顾名思义,这个在线服务可以将我们手中现成的图片(原始图像)转换为适当大小的图标文件。使用时首先导入原始图片(建议为400x400的jpg图像,500K以下,当然支持的格式不仅于此),接着选定目标尺寸(即生成的图标大小,一般为16×16),输入附加码,最后点击“生成ico图标”,浏览器会自动弹出下载窗口(建议不要使用下载工具),下载到的压缩包内就是转换后的图标文件,接下来就不用多说了吧。

由于欣赏水平所限,我所加工出的Favicon还很业余,但至少通过这一番实践,曾将神秘的Favicon不再会令我感到陌生和遥不可及了!对此感兴趣的朋友,也来动手试一试,让我们的博客更有特色、更有生机吧!
标签:favicon, ico图标, wordpress, wp, 个性化, 图标, 在线制作, 插件, 收藏图标, 模板代码, 转换☞ 本站文章均为原创,转载请注明:转载自网行志 [ http://webgol.org ];另外,因数据流量有限,本站图片均已做防盗链处理,如需转载,请将图片另存后再作发布,并请保留版权标识。在此一并致谢!!
☞ 对本文感兴趣?您可以点击以下按钮进行推荐,或收藏&分享——



我直接用了一张以前拍的照片,呵呵
以后有机会再自己做。
顺便告知一声,你的博客链接我已经加在左侧边栏了,短期内将不会变更。
另外,通宵不上网这个链接,你可以先移除掉了。
OK,恭喜独立开博,我已经去踩了个脚印,以后要常去感受“畅说”那自由犀利的气息 :-)
我的是在ie中可以显示,在遨游里不能显示!怎末回事?
在遨游2.0版的设置中心的“高级选项”中有相关选项,你看下是否是这里的设置问题 o(∩_∩)o...
在IE可以!可在其他浏览器不行!!是怎么回事?
我一直使用IE内核的傲游浏览器,所以对其他内核的浏览器没有测试过,不过感觉火狐等第三方浏览器应该也可以吧O(∩_∩)O~