如何给自己的网址前加个性logo
大家在浏览一些网站或者博客的时候,经常会发现在浏览器的地址栏网站或博客网址前面,或者是在浏览器标签中显示一个性图片,比如网易的首页,用IE打开之后就会在IE的地址栏里网易网址的后面显示一个“易”字,这个“易”字其实是一幅ico格式的图片。通过为自己网站或者博客添加一幅个性十足的favicon.ico图片,就可以让自己的网站或博客的个性图片标志显示在浏览器地址栏上和收藏夹中,加深访客对自己网站或博客的印象。本文就介绍一下如何为自己的WP博客添加个性ico图标。
chrome浏览器是什么浏览器图标favicon.ico介绍
所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。而且根据不同版本的浏览器,作用效果也会有差异。比如用IE,则该图标会显示在浏览器的地址栏里;如果用的是谷歌的浏览器Chrome,则这个图标就会显示在打开的选项卡的左上角。
如何制作ico图标
要制作ico图标,首先要先准备一幅自己挑好的图片,最好是用自己网站或博客的LOGO,这样可以更容易让人记住,当然也可以是其它的个性图片,自己喜欢就好,图片最好用小一点的尺寸。准备好图片就可以进行下一步的制作了,ico图片的制作。网上有专门制作ico的工具,例如“幻想ICO”,可以下载下来自己动手做一下。如果比较懒的话,网上有专门制作ico图标的网站,我们只需把自己第一步准备好的图片在线上传到他们的网站,然后选择好要生成的ico图标大小(一般选择16×16即可),点击确认生成就可以得到我们想要的东西了。具体的工具和网址自己上Google去搜。
如何添加ico图标
我们把什么制作的图标命名为favicon,即可得到一个favicon.ico的文件,把此文件上传到网站的根目录或者相应目录(有区别)。具体添加的方法下面介绍两个:(1)在WP后台修改主题源文件head.php,在“<head></head>”之间添加如下代码:
<link rel=”favicon” href=”图片的地址”>
<link rel=”Bookmark” href=”图片的地址” /> (注意与刚才的目录对应,此方法可以不是根目录)。
(2)把准备好的favicon.ico图标直接上传到WordPress博客所在的网站空间的根目录,然后保存更新文件,清除浏览器缓存即可以地址栏看到favicon图标,这个方法最简单,但是有些主机是不支持的,所以建议用第一种方法。
如何添加动态ico图标
具体的方法和上面的差不多,先挑一张自己喜欢的gif动态图片,在图片处理工具里调整成16×16大小,重新命名为favicon.gif。然后在WP后台修改主题源文件head.php,在“<head></head>”之间添加如下代码:
<link rel=”icon” href=”favicon.gif” >
保存更新文件,清除浏览器缓存即可以地址栏看到favicon动态图标效果
本文主要介绍的是如何给Wordpress博客添加ico图标,对于其他的一些博客系统或者CMS程序,方法是类似的,只需做相应的修改即可。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论