给WordPress博客添加个性化Favicon
显示在浏览器地址栏和收藏夹网站名字前面的那个图标。
ie对这个功能支持的不是很好。 请只用为IE系列浏览器查看0510e,查看sina,查看WordPress.org,一个很小的图片,这就是Favicon。
至于Favicon的作用,毫不夸张的说,和Gravatar的作用一样。有时候看到这个标识,就能想到这个标识是属于哪个网站的。所以,给自己的WordPress添加一个Favicon是十分必要的。
第一步:先拥有一个Favicon.ico。 图片大小一般都是16px*16px。拥有Favicon图片的方法有很多,可以让做设计的朋友设计一个,也可以自己DIY一个,当然,也可以使用在线工作生成一个。0510e这里提供三个,至于喜欢哪个,各位自己来。Favicon在线制作地址一;Favicon在线制作地址二;Favicon在线制作地址三 使用工具制作Favicon的时候,如果用PS,建议放弃,因为Favicon图片的后缀是.ico,可PS不允许保存为.ico文件,这里0510e分享一款开源的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图标了。
0510e这里是这样做的通过上面介绍的在线制作方法一制作好Favicon图标文件,ftp把animated_favicon1.gif,favicon.ico,文件上传到网站根目录下,
进到WordPress的后台选外观 — 编辑 再点右边的头部 (header.php) 接着在这文件里找到
“<link rel="shortcut icon" href="favicon.ico" >”
不带“” 号 替换成
“<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" type="image/gif" href="favicon1.gif" >”
今天是2月4日发现上面这样加入后内页没有显示facicon 于是就改成如下代码
“<link rel="shortcut icon" href="<?php bloginfo(’url’); ?>favicon.ico" >
<link rel="icon" href="<?php bloginfo(’url’); ?>favicon1.gif" >”
这样内页就显示了,呵呵函数还是很方便的。 这样就安装好了,记得要点下面的 更新文件 的按钮哦,
现在进网站首页看下吧是不是已经显示出来啦 , 那就恭喜你咯!
WordPress只所以强大,有爱好者连给WordPress增加一个Favicon都写了一个插件。插件名称:MaxBlogPress Favicon,但是WordPress本身的执行效率成问题,所以,这样的一个小设置是完全不需要试用插件来完成的。 欢迎评论亮出自己的博客的Favicon。




