如何给自己的网站添加小图标
2014-02-13 09:54
976 查看
网站小图标就像LOGO一样可以为你的网站增色不少!这个小图标是显示在浏览器地址栏以及收藏夹里,现在无论是从制作、上传到最后的显示都十分简单。但是,可能还有一些网友不知道这个究竟是怎么搞出来的!尤其对于wordpress网站,似乎通用的做法并不能让这个美丽的小图标“显身”!
先来简单地了解一下这个小图标吧。其实,它就是我们常见的favicon.ico。favicon就是英文favourite
icon的简写。制作起来也比较简单,网上有很多这类工具,最简单的是您可以选择一张您喜欢的图片(很可能要求是png格式的),然后利用工具转换成.ico格式就可以了。您甚至可以在网上找到一些制作精美且免费的这类小图标。
接下来,我们来看一下通用的做法:这个大致可以分为两类。第一,您希望这个美丽的小图标在您整个网站所有网页上都显示。第二,您可能并不想这个小图标在您整个网站所有网页上都显示或者您希望在不同的网页上显示不同的小图标。首先,对于第一种情况,您可以直接将小图标上传至网站根目录即可。不过,这个时候要求这个小图标的名称必须为favicon.ico。其实,我觉得这已经足够了。因为您真的没有必要为每个网页都制作一个小图标,尤其是对于那些品牌站点!对于第二种情况,您要做的只是在网页头部输入链接代码,这个时候您就需要记住您的小图标的绝对路径了,注意下面的两个链接路径必须使用绝对路径。与第一种不同的是,这种情况下,小图标的名称可以不必为favicon.ico,您可以根据您的喜好来为它命名,但格式必须是.ico。链接代码:
<link rel=”shortcut icon” href=”您小图标的绝对路径”> 这个作用是在浏览器地址栏显示您的小图标;
<link rel=”bookmark” href=”您小图标的绝对路径”> 这个作用是在收藏夹里面显示您的小图标。
但是,对于wordpress类网站,这类方法也许并不能奏效。这时候我们需要一个插件,有了它就可以搞定这个本来很简单却费了我们好大劲的问题。它就是MaxBlogPress Favicon,您可以点击这个链接下载:http://www.maxblogpress.com/go.php?offer=beyond8961&pid=9。或者您可以直接在后台点“插件”,然后搜索这个插件,找到之后直接安装便是。这个插件有几个优点:第一,它直接给您提供了一些还算不错的小图标,如果有您相中的,直接点击就可以应用在您的网站了。第二,通过这个插件,您可以选择在本机上传或者仅仅输入链接地址就可以完成。
PS:唉,说到这里,笔者真得感谢这个插件的提供者,笔者之前怎么试验,那个该死的小图标就是显示不出来!也用过其他插件,但是还是不行。然后找了一下,有网友说可能是主机不支持。我就咨询了一下主机提供商。主机提供商很是惊讶,说现在根本就没有不支持这一说法!郁闷了好长一段时间最后无意中发现这个插件,试了一下才最终灵验!
1. 获得一个favicon.ico的图标,大小为16px×16px最为合适
2. 将制作好的图标文件Favicon.ico上传到网站的根目录;
3. 在首页文件的html代码的头部中加入如下代码:
<link rel="Shortcut Icon" href="favicon.ico" >
4. 如果想收藏书签也有Favicon.ico图标,在上面那段代码下面加入
<link rel="Bookmark" href="favicon.ico" >
这样做以后,你的网站就可以有自己的图标了
先来简单地了解一下这个小图标吧。其实,它就是我们常见的favicon.ico。favicon就是英文favourite
icon的简写。制作起来也比较简单,网上有很多这类工具,最简单的是您可以选择一张您喜欢的图片(很可能要求是png格式的),然后利用工具转换成.ico格式就可以了。您甚至可以在网上找到一些制作精美且免费的这类小图标。
接下来,我们来看一下通用的做法:这个大致可以分为两类。第一,您希望这个美丽的小图标在您整个网站所有网页上都显示。第二,您可能并不想这个小图标在您整个网站所有网页上都显示或者您希望在不同的网页上显示不同的小图标。首先,对于第一种情况,您可以直接将小图标上传至网站根目录即可。不过,这个时候要求这个小图标的名称必须为favicon.ico。其实,我觉得这已经足够了。因为您真的没有必要为每个网页都制作一个小图标,尤其是对于那些品牌站点!对于第二种情况,您要做的只是在网页头部输入链接代码,这个时候您就需要记住您的小图标的绝对路径了,注意下面的两个链接路径必须使用绝对路径。与第一种不同的是,这种情况下,小图标的名称可以不必为favicon.ico,您可以根据您的喜好来为它命名,但格式必须是.ico。链接代码:
<link rel=”shortcut icon” href=”您小图标的绝对路径”> 这个作用是在浏览器地址栏显示您的小图标;
<link rel=”bookmark” href=”您小图标的绝对路径”> 这个作用是在收藏夹里面显示您的小图标。
但是,对于wordpress类网站,这类方法也许并不能奏效。这时候我们需要一个插件,有了它就可以搞定这个本来很简单却费了我们好大劲的问题。它就是MaxBlogPress Favicon,您可以点击这个链接下载:http://www.maxblogpress.com/go.php?offer=beyond8961&pid=9。或者您可以直接在后台点“插件”,然后搜索这个插件,找到之后直接安装便是。这个插件有几个优点:第一,它直接给您提供了一些还算不错的小图标,如果有您相中的,直接点击就可以应用在您的网站了。第二,通过这个插件,您可以选择在本机上传或者仅仅输入链接地址就可以完成。
PS:唉,说到这里,笔者真得感谢这个插件的提供者,笔者之前怎么试验,那个该死的小图标就是显示不出来!也用过其他插件,但是还是不行。然后找了一下,有网友说可能是主机不支持。我就咨询了一下主机提供商。主机提供商很是惊讶,说现在根本就没有不支持这一说法!郁闷了好长一段时间最后无意中发现这个插件,试了一下才最终灵验!
那么如何添加网站favicon.ico图标
1. 获得一个favicon.ico的图标,大小为16px×16px最为合适
2. 将制作好的图标文件Favicon.ico上传到网站的根目录;
3. 在首页文件的html代码的头部中加入如下代码:
<link rel="Shortcut Icon" href="favicon.ico" >
4. 如果想收藏书签也有Favicon.ico图标,在上面那段代码下面加入
<link rel="Bookmark" href="favicon.ico" >
这样做以后,你的网站就可以有自己的图标了
相关文章推荐
- 如何给自己的网站添加小图标
- 【如何添加网站图标favicon】
- wordpress中如何添加网站在浏览器左侧栏目小图标icon?
- 如何添加Google统计在自己的网站
- 如何添加网站favicon.ico图标
- 如何给自己的网站添加站内搜索?
- 编程经验:关于如何在自己的网站或博客添加CNZZ站长统计功能
- 如何添加网站图标
- 那么如何添加网站favicon.ico图标
- 如何给网站页面添加图标?
- 如何在自己的网站地址前面加上个性的小图标
- 给您的网站或主页添加自己的标识图标(包括浏览器地址栏的图标)
- 如何让自己的网站在IE地址栏显示个性图标
- Jquery-easyui的默认图标的使用,以及如何添加自己想要的图标
- 如何将自己喜爱的网站添加到Win7系统中的右键菜单
- 如何在hosts文件添加自己想要解析的网站?及修改hosts的作用
- 如何给自己的vc的button添加上图标
- php 网站添加视频,如何实现这种效果,自己开发,还是找视频插件商买
- ASP.NET网站如何显示自己的网页图标
- 如何为你的网站添加标志性的图标(头像)呢?