wordpress网站Favicon角标的设置方法

最近个人站点基于wordpress建立起来以后,在后面优化的时候遇到不少问题,favicon.ico网站图标便是其中一个,下面来说一说怎样给网站设置favicon.ico图标。

一、什么是favicon?

所谓favicon,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。favicon 中文名称:网页图标  英文名称:favorites icon 。当然,这不是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;即网页左上角的小图标,以本站为例:

 

红框内的图标就是favicon,我习惯称为网站角标。

 标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。favicon.ico 网页图标可以使网页显得更加专业美观,有辨识度,更好的塑造网站的主题形象。favicon.ico图标不光可以在网页左上角显示,也可以在浏览器收藏夹里显示,以本站为例:
二、怎样给网站添加favicon.ico图标
这里介绍两种方法:1、使用自定义模式上传favicon图标,2、利用主题在后台上传favicon.ico文件。
以本站为例
第一种方法:
首先打开wordpress网站后台,进入可视化自定义面,点击外观---自定义----站点身份---选择站点图标,上传图标文件(注意文件大小至少512*512像素),点击发布完成上传。   
 
完成后点击刷新网页,看到网页左上角已显示favicon图标,恭喜操作成功。
第二种方法:
有一些wordpress主题里面已经有上传pavicon.ico图标的位置(不绝对,有些主题没有),这时候直接将最做好的文件上传并保存设置可以了,例如本站主题:
点击主题Autumn---首页设置---favicon图标,上传图标文件---点击保存更改,完成后点击刷新网页,看到网页左上角已经显示favicon图标,恭喜操作成功。(需要注意的是这里上传的图片文件后缀是.ico,文件名字应是favicon.ico,.ico文件可以用做好的图片在线转制而成,可用http://www.xiconeditor.com/在线工具制作)。
这样就设置好了站点的favicon图标。
特别需要注意的是,某些时候会出现使用第二种方法,而没有在第一种方法自定义站点立面上传图标文件,会出现左上角图标不显示的情况,所以为了避免出现这种情况,使用第二种方法的同事,也要把第一种方法的图标文件上传,以免出现错误。
生成海报
点赞 0

张某人

所有美好都值得被铭记

暂无评论

相关推荐

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

wordpress网站Favicon角标的设置方法
嘿!有什么能帮到您的吗?