怎么在WordPress中创建favicon图标

经常上网的你可能已经看到很多网站都带有ico图标或favicon图标,这个的话方便用户记住你网站,同时便于用户在收藏夹上快速找到你网站。

那么什么是favicon.ico呢?所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。ico图标文件一般尺寸较小,常见的是16*16,32*32和48*48。图标是部分透明的,可以直接打开浏览。

当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer 5.5及以上版本中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。

今天我们谈谈如何给WordPress添加网站图标。

下图显示ico图标在网页显示的位置:

zootui WordPress 1   zootui WordPress ico

那么如何将自己的WordPress网站添加ico图标,以下提供网上常见创建方法:

将成功生成的图标文件下载并改名为favico.ico,上传到网站根目录。然后在网站首页的源文件 head 之间插入下面的代码,或者进入WordPress后台,找到“外观”模版下的“编辑”功能,并且编辑“顶部”(header.php)代码,在<head>……</head>之间放上以下代码:

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

另外也可以制作动态ico图标(此处不说创建方法),因为小编推荐使用.ico文件而不是使用png或者gif,因为所有的浏览器,包括IE5,都支持ico文件,gif、png等都没有ico支持范围广;另外如果有favicon.ico,服务器的404错误会有友好返回,我们测试了所有现代浏览器(测试了 Chrome 4, Firefox 3.5, IE8, Opera 10 and Safari 4),发现他们都会请求favicon.ico,这样错误页就会有对应图标显示,所以推荐使用ico图标。并且一个.ico文件可以同时满足多个尺寸的需求,不需要给每个尺寸单独生成一个.ico文件。

欢迎转载,转载请注明本文链接:众推不靠谱 » 怎么在WordPress中创建favicon图标

吐槽 0


  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址