Monday, December 18, 2017

在wordpress模板中加入Favicon.ico

在我们的网站建设中,为网站打造一个契合网站主题的个性化标志则是必需的,这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广 的范畴之内,而欲取得成功,不仅包括良好的页面设计、令人印象深刻的网站Logo,也包括favicon。

favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。根据浏览器的不同,Favicon显示也有 所区别:在主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,用户可以拖曳favicon到桌面以建立到网站的快捷方式;此外, 标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。

从特定的技术角度看,favicon也可以在一定程度上减轻服务器的流量带宽占用:一般为了提高网站的可用性,我们都会为自己的网站创建一个自 定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。

每个网站都可以在URL地址前面显示个性图标。只需要将制作好的favicon.ico文件上传到网站根目录,并在页面的head标签内放入一 下代码:

<link rel=”shortcut icon” type=”image/ico” href=”/favicon.ico” />

针对wordpress的模板,可以按以下方式来做:
1、在模板的header.php文件中加入以下代码:
<link rel=”shortcut icon” type=”image/ico” href=”<?php bloginfo(’stylesheet_directory’); ?>/images/favicon.ico” />
2、 将制作好的favicon.ico文件上传到模板所在目录的images子目录中。

如果你不想下载专用的图像处理工具来制作favicon文件,有在线制作favicon的站点,只需要上传你喜欢的图片文件,将制作好的图标文件下载到本地就行了。
http://favicon.htmlkit.com/favicon/
http://www.256pixels.com/
http://www.favicontool.com/
http://converticon.com/
http://www.webscriptlab.com/favicongenerator.php
http://www.favicon.co.uk/
http://www.favicongenerator.com/
http://favicon.ru/en/
http://www.dagondesign.com/tools/favicon-generator-tool/
http://www.antifavicon.com/
http://www.degraeve.com/favicon/
http://tools.dynamicdrive.com/favicon/
http://shaheeilyas.com/favicon/

One comment

  1. 按照您给出的方法试了几次也不成功不知道怎么回事?我将自己制作的favicon.ico文件上传到博客主题的img文件夹,然后在header.php中的代码中尝试添加终不能成功,不知道是不是操作失误,请指教一二,谢谢!
    如下代码,请问具体我应该插入到什么位置?

Leave a Reply

Your email address will not be published. Required fields are marked *