| 首页 | 飞鹭苑 | 春声郡 | 枫晚亭 | 藏晶阁 | 市场监管 | 外贸经纬 | 心语轩 | 
您现在的位置： 落叶诗 >> 飞鹭苑 >> 网络文摘 >> 文章正文 用户登录 新用户注册
如何给自己网站添加小图标 favicon           ★★★ 【字体：小 大】
如何给自己网站添加小图标 favicon
作者：佚名    文章来源：网转    点击数：    更新时间：2011-5-15


    如果你用的是IE,那么每次把网站添加到地址栏的时候，网站的名称前都会自带一个代表自己网站的小图标
如果你用的是Firefox/Chrome， 在每一个标签栏前也都会出现网站的小图标。如图：

    这样的小图标不仅可以用作网站的小型logo，也可以有利于用户进行分类整理，比如说用chrome浏览器可以达到这样的效果……

    它的英文名叫做favicon，是favorite icon 的缩写，意思就是广大网友最喜欢最容易记住你网站的图标。

    那么这个小图标怎样添加呢？


    第一步：制作你自己的小图标
    如果您已经是 ps/fw/画图 高手的话，就可以直接掠过此步吧。不过要注意的是，我们这里制作的图像文件的尺寸只能为16X16，或是32X32，因为浏览器的favicon的规定尺寸为16X16。文件格式最好是ico，例如favicon.ico，最新的浏览器也开始支持png和gif格式的favicon，这使透明的icon成为了可能。

   如果你不会使用图像软件的话，没关系，伟大的网上已经有了很多可以制作favicon的网站，一下便是比较有名的：


    或者是，你如果足够懒的话~可以直接从以下网址直接选取你喜爱的favicon

    第二步，添加小图标到你的网站中去
    首先将你做好的favicon.ico文件通过ftp上传到网站服务器中，不过要记住这个文件的地址
    然后再在自己网页主页index.html 的header中添加以下代码（也就是<head>和</head>之间的区域）：

    <link rel=”shortcut icon” href=”favicon.ico的地址” type=”image/x-icon”>

    然后保存刷新一下网页就可以看见网站可爱的小图标了

    对于WordPress的用户来说，请到博客管理界面Appearance->Editor中找到header.php双击打开
在其中的header中找到以下代码：

  
    <link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />

    然后替换成自己的图标的地址就可以了。

    更新#：
    对于chrome和IE的用户来说，如果使用以上方法仍然无效的话，可以将代码改为：

  <link href="图标地址" rel="shortcut icon" type="image/vnd.microsoft.icon"/>
文章录入：admin    责任编辑：admin 
  • 上一篇文章：

  • 下一篇文章： 没有了
    		•
    【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    　　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    最新热点 最新推荐 相关文章

    没有相关文章
    网站备案号:粤ICP备05127903号
    © 原创作品版权归落叶诗所有，转载请注明出处。站内资源仅作个人学习、娱乐之用，不作商业用途。部分文章转自网络，并有标明出处，如著作权人不允许转载，请来信告知，本站将立即删除。谢谢！ 站长：飞鹭