如何给自己的网站添加小图标

网站小图标就像LOGO一样可以为你的网站增色不少！这个小图标是显示在浏览器地址栏以及收藏夹里，现在无论是从制作、上传到最后的显示都十分简单。但是，可能还有一些网友不知道这个究竟是怎么搞出来的！尤其对于wordpress网站，似乎通用的做法并不能让这个美丽的小图标“显身”！

先来简单地了解一下这个小图标吧。其实，它就是我们常见的favicon.ico。favicon就是英文favourite icon的简写。制作起来也比较简单，网上有很多这类工具，最简单的是您可以选择一张您喜欢的图片（很可能要求是png格式的），然后利用工具转换成.ico格式就可以了。您甚至可以在网上找到一些制作精美且免费的这类小图标。

接下来，我们来看一下通用的做法：这个大致可以分为两类。第一，您希望这个美丽的小图标在您整个网站所有网页上都显示。第二，您可能并不想这个小图标在您整个网站所有网页上都显示或者您希望在不同的网页上显示不同的小图标。首先，对于第一种情况，您可以直接将小图标上传至网站根目录即可。不过，这个时候要求这个小图标的名称必须为favicon.ico。其实，我觉得这已经足够了。因为您真的没有必要为每个网页都制作一个小图标，尤其是对于那些品牌站点！对于第二种情况，您要做的只是在网页头部输入链接代码，这个时候您就需要记住您的小图标的绝对路径了，注意下面的两个链接路径必须使用绝对路径。与第一种不同的是，这种情况下，小图标的名称可以不必为favicon.ico，您可以根据您的喜好来为它命名，但格式必须是.ico。链接代码：

但是，对于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代码的头部中加入如下代码:

4. 如果想收藏书签也有Favicon.ico图标，在上面那段代码下面加入

这样做以后，你的网站就可以有自己的图标了

如何给自己的网站添加小图标相关推荐

input 单击图标_input添加小图标
页面所有代码.如有不懂可把页面所有代码复制到新建的html文件后即可看到效果.(注意:小编没有把小图标的图片上传,复制所有代码后需要把引入图片修改为本地的图片路径哦 [background-image ...
给网页的标签头部添加小图标方法
1 概述几乎所有的网页标签头部都需要添加小图标,如下图所示. 2 方法如下 <link href="https://csdnimg.cn/public/favicon.ico&quo ...
MFC如何添加系统菜单（菜单添加小图标）
先来介绍一下要用到的函数(win32版) 函数原型:HMENU GetSystemMenu(HWND hWnd,BOOL bRevert): 参数: hWvd:拥有窗口菜单拷贝的窗口的句柄. BPev ...
html密码框怎么添加小图标,JS Input里添加小图标的两种方法
我们在做网页的时候,经常需要在input里面添加小图标,那么这里就介绍比较常见的两种方法. 方法一将小图标当做input的背景来插入,直接上代码吧: *{ margin: 0; padding: 0 ...
Vant 库中如何给 List 列表组件的 cell 中左右两边来添加小图标？
Ⅰ.问题描述: 1.Vant 中 List 列表的使用是方便且常用的,但如何给 List 组件中添加小图标而达到想要的效果呢? 2.图例展示: 其一.想要在 Vant 的 List 组件右边添加播放 ...
为应用程序添加图标 ios_为已添加书签的网站添加iOS图标
自1999年引入Internet Explorer 5以来,书签图标或更常见的图标被称为favicon(收藏夹图标).书签图标或favicon通常使用.ico (有时也使用.png格式)指定为16×1 ...
input里添加小图标（实用、赞）
https://blog.csdn.net/chengQunBin/article/details/78505654 方法一将小图标当做input的背景来插入,直接上代码吧: <style t ...
修改网站地址栏小图标
如果您使用的 WEB 浏览器是 IE5 或以上版本,那么当您将某些网站(如:网易.Yahoo等等)加入到"收藏夹"后,您是否注意到在这些网站标题的旁边 ...
element input添加小图标（控制位置）
<el-inputplaceholder="请输入内容"suffix-icon="el-icon-date"v-model="input1&qu ...
QLabel 在左边添加小图标
不废话,直接上代码: m_plbTip = new QLabel(this);LedtLeftBtnFactory fac;QPushButton * pbtnIco = fac.buildIcoBt ...

如何给自己的网站添加小图标

那么如何添加网站favicon.ico图标

如何给自己的网站添加小图标相关推荐

最新文章

热门文章