如何给WordPress博客添加favicon.ico图标

博主在访问一些网站或者博客时注意到在浏览器地址栏的博客地址前面或在浏览器标签中会显示出不同的图片,一个好的favicon.ico图标不仅可以让访客轻松记住你的博客,而且可以给博客塑造出自己独特的品牌,因此如何给WordPress博客制做和添加favicon.ico图标成了重点!

图标示例:

添加静态favicon.ico图标的方法:

制做一张16px×16px(像素)大小的图片命名favicon并修改扩展名为.ico,即favicon.ico文件!

方法1:将favicon.ico图标上传到WordPress博客空间的根目录(方法1无效时可以使用方法2)!

方法2:把favicon.ico图标上传到空间的某个目录(如博客主题图片目录),编辑主题文件header.php,在<head>和</head>之间添加以下代码:

<link rel="shortcut icon" href="favicon.ico"  type="image/x-icon" />
<link rel="Bookmark" href="favicon.ico" />

保存更新文件!

添加动态favicon图标的方法(FireFox浏览器支持动画格式的favicon图标):

制做一张大小为16×16像素的gif动态图片命名为favicon.gif,编辑WordPress主题文件header.php,在<head>和</head>之间添加以下代码:

<link rel="icon" href="favicon.gif" type="image/gif" >

保存更新文件!
此时关闭所有打开的浏览器,并清空浏览器缓存后打开就可以看到更新的效果!
垃圾站博客自己制作的favicon.ico图片参见浏览器上方哦……

本文固定链接: http://www.lajiz.cn/440.html | 垃圾站

该文章由 sdujane 于2012年11月20日发表在 WP教程 分类下, 访客可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客!
原创文章,转载请注明: 如何给WordPress博客添加favicon.ico图标 | 垃圾站
关键字: , ,

如何给WordPress博客添加favicon.ico图标:目前有14 条留言

  1. 8楼
    aTool:

    看看我做的这个:http://www.atool.org/ico.php

    2014-01-21 下午 1:22 [回复]
  2. 非常有用

    2013-06-22 下午 4:16 [回复]
  3. 有木有好看的图标 推荐几个呗~

    2012-11-23 下午 12:30 [回复]
    • admin:

      一般都是自己设计的……

      2012-11-23 下午 1:44 [回复]
  4. 5楼
    三颗痣:

    博客以前不是那么完整,,慢慢更着你学~

    2012-11-22 下午 9:47 [回复]
    • admin:

      慢慢完善,功能也不必要太多,够用就行,太多了拖累速度!

      2012-11-22 下午 10:00 [回复]
  5. 4楼
    洋纸钞:

    我都是直接放到根目录的,这样其实也可以的

    2012-11-21 下午 9:38 [回复]
    • admin:

      有的主题这样真的可以!

      2012-11-22 下午 9:59 [回复]
  6. 地板
    那不是我:

    一直没想到合适我的,索性先空着

    2012-11-21 下午 8:14 [回复]
    • admin:

      找到喜欢的就做一个加上……

      2012-11-22 下午 9:59 [回复]
  7. 板凳
    朋朋:

    我这一直没有更新!

    2012-11-21 下午 2:43 [回复]
    • admin:

      你的是不是一个黑色朋字……

      2012-11-21 下午 4:27 [回复]
  8. 沙发
    走出迷失:

    额,非常专业!

    2012-11-21 下午 1:04 [回复]
    • admin:

      哈哈哈……谢谢!

      2012-11-21 下午 4:27 [回复]

发表评论

快捷键:Ctrl+Enter