wordpress中如何添加网站在浏览器左侧栏目小图标icon?

来源:互联网 发布:小镇 知乎 编辑:程序博客网 时间:2024/04/27 00:51

给自己网站添加favicon图标的好处自然不必多说,让自身网站更加个性化的同时,当用户收藏了本站后在浏览器的收藏栏很容易同其他网站进行区分,无意间可能就增加了网站的回流率。

那么,如何给网站添加favicon呢:

    1. 首先,作为一个站长,ps的基本操作你必须掌握吧。用ps工作制作一个正方形的png图标,大小在64*64或者32*32左右比较合适。在制作的时候有一点需要特别注意,就是如果你用更大的尺寸去制作,打算最后缩小后放入自己的网站。这种方法往往是不合适的,因为浏览器默认的favicon大致也就在16*16左右的大小,如果你的图标细节很多,反而会影响显示效果。
    2. 制作完png图标之后,推荐大家去一个ico格式在线转换网站:http://ico.la。选择上传自己的图片后,下载32*32的ico图片即可。然后把图标上传至自己的网站根目录。
    3. 进入wordpress后台,外观-编辑,点击顶部(header.php),然后在<head> </head>之间添加代码:
      <link href="http://www.XXX.com/favicon.ico" rel="shortcut icon" />

      把xxx.com网址替换成你的首页地址即可。注意,添加的代码行别打乱之前代码。经过上述三步操作,你的网站就有自己独特的favicon图标啦。

不过还要注意以下几点:

1.favicon图标不宜过大,越小越好,否则影响网站打开速度。

2.favicon图标文件务必为ico格式上传至网站更目录,而不是主题目录。

3.favicon图标一定要重命名为favicon.ico。


转载自:http://www.vhu.me/172.html

原创粉丝点击