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/

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注