怎么给网站添加一个个性的网站图标

打开学建站网,你一定能够发现在浏览器的地址栏中可以看到一个大大的“学”字,这就是网站图标了,如图所示:
学建站网网站图标
这样看起来是不是很个性呢,可以把网站的logo缩小作为我们这个位置的图标,能够让别人耳目一新,还可以提高网站的知名度,何乐而不为呢?说是说,那到底应该怎么操作呢,现在不掉大家的胃口了,直接看以下教程:
添加方法非常简单:
首先我们需要准备一个自己的个性小图标,比如学建站网使用的是一个“学”字,但是这样的一个图片往往过大,并且格式不符,我们可以使用favicon.ico在线转化工具,把图片转化为favicon.ico的站点图标。
ico在线转化工具站点1:http://www.ico.la/;
ico在线转化工具站点2:http://www.chami.com/html-kit/services/favicon/;
在这样的站点直接上传我们准备好的logo图片,然后可以自动生成一张16*16或是32*32尺寸的favicon.ico图标,把这个图标可以上传到网站的根目录下也可以放在主题的图片文件夹中,这个无所谓,只要我们下面调用的时候填写正确的路径即可。
其次调用.ico网站图标:
找到wordpress主题文件夹下的头部模板header.php,在文件中的</head>标签之上加入以下代码:

  1. <link rel=“shotcut icon” href=“favicon.ico” type=“image/x-icon” />  

修改完成后保存上传文件,OK,现在可以在本文章下面发帖炫耀一下了哦。 ^ v ^

周红川

分享独立站建站、搜索引擎优化,独立站推广相关实操经验和心得,如果你在跨境业务中遇到问题,欢迎加我微信沟通交流!

微信号:512765456

3 评论

  1. 谢谢川哥,解决了,换了个IE浏览器就能正常显示了,但是firefox浏览器在第二天才显示出来。

  2. 川哥,我使用这段代码放到我的header.php文件的结束标签的上面,完了刷新之后网站的地址栏里面没有显示这个ico图标,但是我查看页面的源代码用鼠标点击却能查看到这个图标,请问这是怎么回事呢?

发布回复

请输入您的评论!
请在这里输入您的名字