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,然后清除下浏览器缓存就可以了。
但有时候我们还需要添加下代码来把图标显示出来。我们可以编辑主题(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 以供使用。图片格式可以是JPG, JPEG, GIF,和 PNG 这些文件,但是我试过并不能成功把 PNG 文件转换为 Favicon 文件, JPG 倒是可以。如果不行的话,得需要让你的空间商给你的空间配置GD2库。
原创文章,转载请注明: 转载自DIYzhan.com-从零开始自己做外贸网站和海外网络营销
本文链接地址:https://www.diyzhan.com/2014/11/make-favicon/
相关推荐
- 通俗易懂的外贸企业网站主题RT-18建站详细步骤视频教程(置顶)
- Posted on 03月12日
- 如何优化Google Adwords广告来降低广告成本
- Posted on 06月07日
- 再给新手建站理下思路:购买了域名和空间之后下一步该做什么?
- Posted on 06月10日
- 为什么你的WordPress外贸网站没有被Google收录?
- Posted on 02月01日
评论已关闭。