在wordpress模板中加入Favicon.ico

Posted on 2009-02-25 20:48 ray' 阅读(2990) 评论(3)  编辑  收藏

其实不单是wordpress,任何网站都可以在URL地址前面显示个性图标。只需要将favicon.ico文件上传到网站根目录就可以实现。也可以每个页面使用不同的图标。

在页面的head标签内放入一下代码:

<link rel=”shortcut icon” type=”image/ico” href=”PATH_TO_ICON/favicon.ico” /> 
/*PATH_TO_ICON/favicon.ico为图标的路径*/

具体到wordpress的模板,分两步完成:
1、将下面代码放到模板的header.php文件中就可以了。
<link rel=”shortcut icon” type=”image/ico” href=”<?php bloginfo(’stylesheet_directory’); ?>/images/favicon.ico” />
2、将favicon.ico文件上传到模板所在目录的images子目录中。
 

至于favicon的制作,分享一个可以在线制作的站点,上传你喜欢的图片文件,将制作好的图标文件下载到本地就行了。
http://www.html-kit.com/favicon/

PS:Photoshop默认是不能编辑和制作ico文件的,但是可以通过插件来实现。下载ICOFormat.8bi,放到Photoshop安装目录下的“增效工具/文件格式”子目录(英文版为“Plug-Ins\File Formats”目录),重启Photoshop,搞定~
附上一个“ICOFormat.8bi”的下载地址:http://www.instructables.com/file/FRWHW5MZOXEYF7II9F/

Feedback

# re: 在wordpress模板中加入Favicon.ico  回复  更多评论   

2009-03-18 22:57 by LLC
你绝对是好银~!

# re: 在wordpress模板中加入Favicon.ico  回复  更多评论   

2009-10-09 11:14 by longfa
很有帮助,,,希望可以转载一下。

# re: 在wordpress模板中加入Favicon.ico  回复  更多评论   

2010-08-13 15:47 by NightWind
不错,收藏了。

只有注册用户登录后才能发表评论。


网站导航:
博客园   IT新闻   Chat2DB   C++博客   博问