wordpress网站如何在浏览器中显示站点(favicon)图标

网站在浏览器中显示favicon 图标。什么是favicon 图标呢?就比如我们经常访问的一些网站,进入某些网站的时候,在你的浏览器地址左侧会出现一个小图标,你打开百度,就会看见一个蓝色小爪的站点图标,非常的个性化。同时这个站点图标,还可用于我们的收藏夹图标。那么我们的wordpress网站如何在浏览器中显示站点图标呢?

操作起来很简单:

1.准备一张16*16的logo图片。jpg格式的图片不要直接改后缀名,这样会没有效果。去网上百度下ico格式在线制作,将图片名称改为favicon.ico,上传至网站根目录。

2.进入wordpress后台编辑顶部页面(header.php)在<head></head>中添加如下代码:

<code> <link href=”http://www.XXX.com/favicon.ico” rel=”shortcut icon” /></code>

XXX部分换成自己的网址即可。

系统需要缓存时间才可以显示出来,等几个小时后在查看网站是否已经显示了favicon 图标。

为什么有些人添加了favicon 图标后,还是无法正常显示呢?

你可以试试自己的网站能否正常显示且被 google 缓存接受,只要在http://www.google.com/s2/favicons?domain= 后加入自己的域名就行。比如我的 favicon 图标在 google 中的缓存就是http://www.google.com/s2/favicons?domain=fengten.com (=后不需要加http://)。

有一些小经验要分享给大家: 

1.首先favicon 图标必须放在根目录下,有些网站把favicon 图标放在了wordpress的主题文件下,但是实践证明,在网站根目录的 favicon.ico 更有利于正常显示,也方便 google 缓存 favicon。

2.favicon.ico 最好不要超过2kb。越小越好,这样有利于google 缓存图标。大的的图标不利于优化。16px*16px的最好了,小而精。

3.最后一点最重要,还是无法显示图标的童鞋建议清除下IE记录,然后再访问。

 

改编自:http://www.yilulu.cn/favicon-ico.html


标签:  |  |  |  |  | 
将此文分享到:


转载请注明来自风腾网-wordpress企业主题,本文地址:http://fengten.com/1921.html
除非注明,风腾网-wordpress企业主题文章均为原创,转载请注明出处和链接!
友荐云推荐

相关文章

*

*

顶部 友荐云推荐