教你给wordpress增加favicon图标

Boss方 — Sun, 07 Mar 2010 16:26:00 +0000

既然你来到了这里，那么肯定也碰到了跟Boss方一样的问题，至于什么是favicon图标，Boss方也不细说了，从网上截段话来给还不是很懂的朋友扫个盲：

所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式；除此之外，FireFox还支持动画格式的favicon等。 favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上。

截个小图标识一下。如图：

上图中地址栏，那个地址栏中蓝色的中间有个“方”字的图图和选项卡中的蓝色的图图就是favicon图标了。

废话也不多说了，要想给wordpress添加favicon图标，具体操作如下：

1、用photoshop或者什么设计软件做一个小图，不用太大的分辨率，但一定要是正方形的，长、宽要相等；

2、设计好之后，最好保存为.jpg、.gif、.png这几种格式；

3、找一个专门制作favicon的网站，或者使用Boss方推荐的网站：http://www.html-kit.com/favicon

4、进入之后，点击如图中的“浏览”，选择你刚设计并保存下来的图片，然后点击“Add another image”：

5、过一会儿，会生成一个预览文件，包括一个静态的.ico和一个动态的.gif文件，如图：右边的即为动态的，可以点击该图下方的edit编辑动态显示的内容；

6、ok之后，点下方的：Download FavIcon Package，将文件下载下来，并解压缩；

7、将解压出来的favicon.gif和favicon.ico2个文件上传到你的wordpress博客的根目录；

8、设置完成；回到网页上按快捷键：CTRL+F强制刷新一下网页，再看，是不是出现啦。。

有的朋友按上述方法试过依然不行，在这里Boss方再教你一招：

按上述步骤1–7操作完成，然后进入wordpress的后台，编辑当前使用主题的header.php文件，在—–之间添加如下代码：

/favicon.ico” type=”image/x-icon” />

至此，添加结束，遇到了wordpress增加favicon图标难题的朋友，希望该文对你有所帮助哦。

Boss方的博客 » wordpress怎么添加favicon

教你给wordpress增加favicon图标