网站添加ICO图标


本站ICO示例

今天突发奇想的想给自己的网站加个ICO图标,呵呵!因为感觉有个ICO图标看着心里快活些。 所以就动手给网站加上了个ICO图标,嘿嘿! 打开谷歌、百度等网站后看到浏览器的标题栏、地址栏,多浏览器的标签上都显示了一个小图标,如,这里说的就是这个东东。如果用户收藏了网站,这个图标还会出现在用户收藏夹里(当然若想在收藏夹中出现还需加入另外的代码,这里不多说)。 

 第一步是用 Windows 自带的画图或 Adobe Photoshop 制作一个 ico 的原图,格式可以是 jpg / jpeg / gif / png 等,大小大概在 32×32 像素差不多,最好是 16px×16px 的,因为浏览器标题栏和地址栏上显示的就是这个尺寸。 

 第二步是将制作好的 ico 原图转换为 ico 格式,这里推荐 http://www.bitbug.net/,打开该网站后界面很清晰明了,经数秒简单的处理即可转换为我们要的 ico 格式图标文件,文件被自动命名为 favicon.ico。这样 ico 图标就制作完成了。

如何让 ICO 图标在网站上显示?
先将转换好的 ico 图标文件上传到网站任意目录,一般为根目录。以我的为例,我上传到根目录下。然后在需要显示该图标的页面模板头部,在和中间放入以下代码:

[task]<link rel="Shortcut Icon" href="favicon.ico">  [/task]
若您的模板是XHTML规格的,代码应该是:

[task]<link rel="Shortcut Icon" href="favicon.ico" />  [/task] 

下面是WP加ICO方法:

首先通过在线工具或自己制作出ico文件(详情同上)。
进入后台找到主题模板文件head.php。将下面的代码插入到相应主题的头部文件head.php的<head></head>区域。

[task]<link rel=”SHORTCUT ICON” href=”favicon.ico” type=”image/x-icon”>[/task]

其中将href之后的地址换成对应该地址(如果ICO图标在根目录则不需改动),刷新就可以了。若您使用的是360浏览器,请注意先从【工具】—【选项】—【360安全浏览器】—【在360安全浏览器文件夹下保存网站图标】,先将【在360安全浏览器文件夹下保存网站图标】前的对号给去掉,然后删除Cookie再刷新。


无论走哪条路都牢记最初的梦想,并坚持于最初梦想的方向! Carpe Diem and Do what I like