给WordPress博客添加一个Favicon

什么是Favicon:

显示在浏览器地址栏和收藏夹网站名字前面的那个图标。ie对这个功能支持的不是很好。

请只用为IE系列浏览器查看Wopus,查看sina,查看WordPress.org,一个很小的图片,这就是Favicon。至于Favicon的作用,毫不夸张的说,和Gravatar的作用一样。有时候看到这个标识,就能想到这个标识是属于哪个网站的。所以,给自己的WordPress添加一个Favicon是十分必要的。

第一步:先拥有一个Favicon.ico。

图片大小一般都是16px*16px。拥有Favicon图片的方法有很多,可以让做设计的朋友设计一个,也可以自己DIY一个,当然,也可以使用在线工作生成一个。Wopus这里提供三个,至于喜欢哪个,各位自己来。Favicon在线制作地址一Favicon在线制作地址二Favicon在线制作地址三

使用工具制作Favicon的时候,如果用PS,建议放弃,因为Favicon图片的后缀是.ico,可PS不允许保存为.ico文件,这里Wopus分享一款开源的Favicon制作工具,通过PS把图片做好之后,可以使用这个工具方便的把后缀变成.ico。工具名称:GIMP

除了以上的资源,这里还分享一份在线的.ico转换工具:55+ Extremely Useful Online Generators.

第二步:上传并设置Favicon.ico

首先,找一个地址,把做好的Favicon上传,取得Favicon.ico的绝对路径(一般都放到根目录下)。然后到当前主题目录下,找到 header.php 文件。可以通过FTP工具把 header.php 下载到本地修改,也可以直接通过WordPress控制面板后台修改。然后把如下代码放置在 之前。

yourdomain:你WordPress博客的域名。

设置完成,这样你的WordPress就有Favicon图标了。

WordPress只所以强大,有爱好者连给WordPress增加一个Favicon都写了一个插件。插件名称:MaxBlogPress Favicon,但是WordPress本身的执行效率成问题,所以,这样的一个小设置是完全不需要试用插件来完成的。延伸阅读:10种提高WordPress访问速度的方法

欢迎评论亮出自己的博客的Favicon。

目前评论:41   其中:访客  30   博主  3   引用   8

  1. avatar bolo 5

    让我做吧,有偿

  2. avatar cuiqingyao 5

    直接上传不就行了,不需要上HEADER。PHP 加东西了,

  3. avatar 子许博客 2

    这个我在用。

  4. avatar Kevin Wu 2

    很多网站都有啊,我的站也DIY了一个 – http://www.enew.com.cn/

  5. avatar 水水 3

    这篇文章,你们看了吗?没觉得有问题吗??回复貌似都不真实。

  6. avatar 水水 3

    并不是说把文件后缀改成 .ico就可以了。

    • avatar 酋 长

      @水水 继续说。

  7. avatar dpeng 0

    不错不错 ,回去做一个

  8. avatar 西门 0

    我的方法是做个正方形的图片,然后传到http://ico.55.la/里面,转换下就OK

  9. avatar francis 4

    这两行貌似不能通过W3C认证,很奇怪……

  10. avatar Jack 0

    ico直接扔到根目录里就可以了

  11. avatar Kem 0

    我也在想弄一个,无奈图片编辑能力实在不行。
    暂时作罢,等以后吧

  12. avatar 健康网 1

    wp的功能还是很强大的,不论是个人应用,还是在其他领域,都挺不错的,支持WP!

  13. avatar crow 1

    上传到根目录啦也在header添加代码啦,但仍是主题自带的图标。是不是先要把主题自带的删掉?

    • avatar vowanson 2

      @crow 在制作的时候,可以看看要求是怎么样install的,我是放在head标签之间的。

  14. avatar vowanson 2

    原来这样的功能不需要插件就可以实现,老大,你厉害。

    插件影响速度,当然可以不用,尽量不用的!

  15. avatar 再少一横 4

    之前堪直接放进去就现!现在放进行没反应了!

  16. avatar 什么精油丰胸效果好 0

    不错不错用上了!

  17. avatar winme411 1

    恍然啊

  18. avatar 广西SEO 0

    有没有中文制作Favicon的呢?

  19. avatar wow.org 1

    用插件加就有點畫蛇添足了,手工加上就成,我的頭像就是站點(http://wow.org)的ICO

  20. avatar 何苦呢 1

    favicon直接扔到根目录里就可以了

  21. avatar chen20081 0

    WordPress博客原来是这样添加Favicon!

  22. avatar wepen 3

    记得好像只要把图片放在网站根目录就行了,不用加代码吧!

  23. avatar ElliePallas 1

    我原本用插件的,现在想能省一个就是一个, 直接放ico到根目录就可以了? 我原来一直做了无用功啊

  24. avatar ElliePallas 1

    请问 代码放在哪个位置呢? 我的没效啊, 我已经放了ico的文件在根目录, 没能显示图标, 然后把代码放进了header.php也没用。 求教求教

  25. avatar @xbaihao 1

    我的也不行那,我的是这样设置麻烦博主看下,我现在是用的插件暂时。

  26. avatar Andycy 1

    这个必须评论下,我的图标和我的头像一样,这个东西无需使用插件的,直接写死在你的head里就可以了。

  27. avatar 泉州SEOer文子 0

    弄不了哦

    • avatar 酋 长

      @泉州SEOer文子 有任何问题,到 http://faq.wopus.org 交流。

  28. avatar 土木坛子 1

    不知如何给没有FTP功能的怎么添加呢?

    • avatar 酋 长

      @土木坛子 主机没FTP功能不可能吧。

      • avatar 土木坛子 1

        @酋 长 学校的主机,只能通过本地直接把文件复制到磁盘上。考虑到安全,不开放FTP。

评论加载中...

来自外部的引用: 8

  • 给网站添加了Favicon – 容·易
  • 箫韶九成 » 给博客新添加了Favicon
  • 给WordPress博客添加一个Favicon – Evan Blog
  • 添加我的头,Favicon | 网络流水账
  • 给WordPress博客添加一个Favicon – 网赚连连看分享堂
  • 给WordPress博客添加一个Favicon – 时尚网络
  • 给WordPress博客添加一个Favicon | 网管日记
  • 给WordPress博客添加一个Favicon | Tech Upgrades

评论已关闭!