给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。

Comments

41 responses to “给WordPress博客添加一个Favicon”

  1. […] 给WordPress博客添加一个Favicon 从 Wopus中文博客平台 – WordPress 作者:酋 长 […]

  2. bolo Avatar

    让我做吧,有偿

  3. cuiqingyao Avatar

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

  4. 子许博客 Avatar

    这个我在用。

  5. Kevin Wu Avatar

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

  6. 水水 Avatar

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

  7. 水水 Avatar

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

    1. 酋 长 Avatar

      继续说。

  8. dpeng Avatar

    不错不错 ,回去做一个

  9. 西门 Avatar
    西门

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

  10. francis Avatar

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

  11. Jack Avatar

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

  12. Kem Avatar

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

  13. […] 今天刚刚学习的。https://www.wopus.org/wordpress-basic/basic-use/1743.html […]

  14. 健康网 Avatar

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

  15. crow Avatar

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

    1. vowanson Avatar

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

  16. vowanson Avatar

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

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

  17. 再少一横 Avatar

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

  18. 什么精油丰胸效果好 Avatar

    不错不错用上了!

  19. winme411 Avatar
    winme411

    恍然啊

  20. 广西SEO Avatar

    有没有中文制作Favicon的呢?

  21. wow.org Avatar

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

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

  23. 何苦呢 Avatar

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

  24. chen20081 Avatar

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

  25. wepen Avatar

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

  26. 添加我的头,Favicon | 网络流水账

    […] 建议的尺寸为16×16,或者48×48,搞定后请把文件上传到你指定的地址里,当然是相对地址。在HTML里的<head>写上: view source […]

  27. ElliePallas Avatar

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

  28. ElliePallas Avatar

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

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

  30. @xbaihao Avatar

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

  31. Andycy Avatar

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

    1. 酋 长 Avatar

      有任何问题,到 http://faq.wopus.org 交流。

  32. 土木坛子 Avatar

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

    1. 酋 长 Avatar

      主机没FTP功能不可能吧。

      1. 土木坛子 Avatar

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

  33. […] print? 1.<link rel=”icon” href=”http://yourdomain/favicon.ico” type=”image/x-icon”> 2.<link rel=”shortcut icon” href=”yourdomain/favicon.ico” type=”image/x-icon”> […]

  34. […] print? 1.<link rel=”icon” href=”http://yourdomain/favicon.ico” type=”image/x-icon”> 2.<link rel=”shortcut icon” href=”yourdomain/favicon.ico” type=”image/x-icon”> […]

  35. […] print? 1.<link rel=”icon” href=”http://yourdomain/favicon.ico” type=”image/x-icon”> 2.<link rel=”shortcut icon” href=”yourdomain/favicon.ico” type=”image/x-icon”> […]