现在的位置: 首页 > 互联网 > 正文

让网站在浏览器中显示站点的图标

分享到: 更多

大部分有点名气的网站都有有自己站点的一个小图标,在浏览器的收藏夹、标签页、rss阅读器等等中会显示出来,比较个性化,也能使访问者对站点留下较深的印象。这个站点的图标就是所谓的favicon图标。那么,怎么让网站显示favicon图标呢?

1、制作一张分辨率16*16的ico格式图片。由于分辨率极低,因此不必在意图片设计得多丰富多细致了,建议用一个字或一个简单的logo,然后用较深的背景衬托一下就好了。我直接用一个“古”字配合深蓝色背景,使用windows自带的画图工具,然后用snagit截屏软件截一下就完工了。

2、进入wordpress管理后台的“外观”>“编辑”>“顶部页面(header.php)”,在<head></head>中添加如下代码:

<link rel="shortcut icon" href="http://www.guyiren.com/favicon.ico" />

将guyiren替换成你自己的网站就可以了。

好了,到此教程结束。需注意的是,因为缓存等原因,你的站点的favicon图标并不会马上显示出来,请稍等1、2个小时,正在使用的浏览器可能要清空缓存才会看得到,最好换个浏览器试试。



给我留言

留言无头像?

无觅相关文章插件,快速提升流量