给WordPress博客添加一个Favicon

2009年11月18日07:15:39 基础使用 41 1

什么是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   其中:访客  33   博主  0   引用   8

    • bolo bolo 5

      让我做吧,有偿

      • cuiqingyao cuiqingyao 5

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

        • 子许博客 子许博客 2

          这个我在用。

          • Kevin Wu Kevin Wu 2

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

            • 水水 水水 3

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

              • 水水 水水 3

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

                • dpeng dpeng 0

                  不错不错 ,回去做一个

                  • 西门 西门 0

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

                    • francis francis 4

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

                      • Jack Jack 0

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

                        • Kem Kem 0

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

                          • 健康网 健康网 1

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

                            • crow crow 1

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

                                • vowanson vowanson 2

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

                                • vowanson vowanson 2

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

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

                                  • 再少一横 再少一横 4

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

                                    • 什么精油丰胸效果好 什么精油丰胸效果好 0

                                      不错不错用上了!

                                      • winme411 winme411 1

                                        恍然啊

                                        • 广西SEO 广西SEO 0

                                          有没有中文制作Favicon的呢?

                                          • wow.org wow.org 1

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

                                            • 何苦呢 何苦呢 1

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

                                              • chen20081 chen20081 0

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

                                                • wepen wepen 3

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

                                                  • ElliePallas ElliePallas 1

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

                                                    • ElliePallas ElliePallas 1

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

                                                      • @xbaihao @xbaihao 1

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

                                                        • Andycy Andycy 1

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

                                                          • 泉州SEOer文子 泉州SEOer文子 0

                                                            弄不了哦

                                                            • 土木坛子 土木坛子 1

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

                                                                • 酋 长 酋 长 9

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

                                                                    • 土木坛子 土木坛子 1

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

                                                                • 来自外部的引用: 8

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