码迷,mamicode.com
首页 > Web开发 > 详细

WordPress添加网站图标

时间:2015-03-20 14:13:55      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

如何给WordPress添加网站图标_百度经验
http://jingyan.baidu.com/article/54b6b9c0d549622d583b4788.html

看到很多网站都带有ico图标或favicon图标,这个的话方便用户记住你网站,同时便于用户在收藏夹上快速找到你网站。今天我们谈谈如何给WordPress添加网站图标,方法很简单的,只需2步就可以实现。

方法/步骤

1、制作网站图标首先我们用photoshop做好网站的图标图片,大小最好是16*16,或者32*32的,不要过大了,之后转换成为ico图标格式即可,然后把这个ico格式的图片改名为favicon.ico当ico图标做好了,直接用FTP软件上传到WordPress根目录。

图片转换成ico图标文件_百度经验
http://jingyan.baidu.com/article/a378c960a44724b32828308e.html

 

怎么把图片文件转换成ico图标文件呢?通常ico图标文件用于定义快捷方式图标和鼠标指针,对于普通图片,需要转换成ico图标文件才能被正义成快捷方式图标或鼠标指针。下面就具体来了解一下将图片转换成ico图标的方法。

 

修改文件后辍名

(1)首先,我们需要将图片文件转换成BMP格式:利用Windows画图工具打开原始图片,点击“图片”文件,从其右键菜单中选择“编辑”即可。

技术分享

(2)点击“文件”-“另存为”-“BMP图片”项,在弹出的“另存为”窗口中将图片另存在BMP格式的图片文件。

技术分享

技术分享

(3)在确保文件后辍名正常显示的情况下,将图片后辍修改成“ico”格式,并在弹出的窗口中点击“确定”按钮。

技术分享

技术分享

 

2、编辑代码我们进入WordPress后台,找到“外观”模版下的“编辑”功能,并且编辑“顶部”(header.php)代码。在<head>……</head>放入以下代码即可。<link id="favicon" href="http://www.xxxxxxx.com/favicon.ico" rel="icon" type="image/x-icon" />中间的网址替换成你的网站地址。

3、更新代码。然后刷新网站,即可看到网站的图标了。

 

我的个人博客网站;

王顺利 | codingiser
http://www.wangshunli.top

欢迎访问。

版权声明:

访问者可将本主页(http://www.cnblogs.com/wangshunli)提供的内容或服务用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,

但同时应遵守著作权法及其他相关法律的规定,不得侵犯本主页及相关权利人的合法权利。

转载前务必署名本文作者并以超链接形式注明内容来自本主页,以免带来不必要的麻烦。

本文作者:wangshunli - 博客园
电子邮箱:
zijinqingqing@outlook.com

本博客免责声明、版权声明 - wangshunli - 博客园
http://www.cnblogs.com/wangshunli/p/4341739.html

WordPress添加网站图标

标签:

原文地址:http://www.cnblogs.com/wangshunli/p/4353336.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!