WordPress网站如何制作，设置网站的图标（设置Favicon)

我们在浏览网站的时候，都可以发现在浏览器网页的标题左端那里有个小小的图标，如图：

这个小图标就是我们所说的Favicon。Favicon 是 favorites icon 的缩写，或者叫 shortcut icon， website icon， URL icon， 或者 bookmark icon，是一个 16×16 或者 32×32 的方形图标。它是一个网站的标志，代表了你的网站。

我们外贸网站通常使用的国外空间，如果你不自己设置一个Favicon,那么默认的favicon通常是空间商自己的图标，你得自己去替换它,换成你自己的。

现在很多WordPress主题都可以设置favicon,直接把自己的图片在主题选项设置那里上传即可。看看你的主题是否支持设置favicon,如果支持，就不用看下面的了。

下面我们来讲讲主题没有设置favicon的选项的情况下如何给网站添加favicon。

如何制作Favicon

首先，我们得使用ACDSee，PHOTOSHOP或者其他图像处理器，截取，制作一个方形的图片，格式可以是.jpg .jpeg .gif .png，为方便图片制作和处理，可以做大点，400×400尺寸都行。

然后百度下favicon制作,你可以找到很多在线制作favicon的网站，如下：

http://www.bitbug.net/

http://www.ico.la/ 这个貌似不行

等等。按照这些网站的步骤指引，你就可以把你前面制作的.jpg .jpeg .gif .png图片转换成ico图标格式。Favicon 是一个长宽都是16或32像素的图标，你只有256或1024个像素的创作空间。所以你的 Favicon 不能够太复杂，不然的话是识别不出来的。事实上，越简洁越好，看看那些生成 Favicon 的网站自己的图标，都是很简单的。

如何给网站添加你的Favicon

  • 不借助插件添加 Favicon

假设现在你已经做好了一个 Favicon，你应该怎样把他放到你的网站上去呢？如果你的网站的favicon是空间商的图标，那么我们可以通过空间文件管理器或者FTP把自己的favicon.ico上传到网站根目录下，替换原来空间商的favicon，然后清除下浏览器缓存就可以了。

favicon_upload

但有时候我们还需要添加下代码来把图标显示出来。我们可以编辑主题（appearance->editor)的header.php文件，在<head> </head>之间添加下面的代码

<link rel="icon" href="http://www.yourdomain.com/favicon.ico" type="image/x-icon" />

把http://www.yourdomain.com替换成你自己的网站地址。

  • 借助插件添加favicon

如果你对代码不熟悉，WordPress有很多插件来实现添加favicon. ico如插件：Favicon Generator . （网站后台可以搜索favicon可以找到很多类似插件）

当你把这个插件上传到你的网站并激活之后，你需要去把以下几个目录的权限改成777：

/wp-content/plugins/favicon-generator

/wp-content/plugins/favicon-generator/uploads

然后我们再回到 Favicon Generator 这个菜单上（安装插件之后会出现在选项中），你会看到如下图所示的界面：

favicon_generator

在这里，你可上传一个或者多个图像，然后转换为 Favicon 以供使用。图片格式可以是JPG， JPEG， GIF，和 PNG 这些文件，但是我试过并不能成功把 PNG 文件转换为 Favicon 文件， JPG 倒是可以。如果不行的话，得需要让你的空间商给你的空间配置GD2库。

插件最终我选择的是All in one Favicon 很好用 启用之后设置即可 (•̀ᴗ•́)و ̑̑

All in one Favicon插件主页 https://wordpress.org/plugins/all-in-one-favicon/

原地址 http://www.diyzhan.com/2014/11/make-favicon/