在地址栏为worepress添加小图标

阅读次数: 1,805

  • A+
所属分类:PHP

[warning]为WordPress博客添加地址栏的小图标(favicon.ico),可以让博客个性标志显示在浏览器地址栏上和收藏夹中,加深访客对博客的印象。博主们访问一些添加了favicon标志的博客应该注意到,在浏览器地址栏博客地址前面或在浏览器标签中显示出来的个性图片。[/warning]

favicon.ico介绍:

所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。而且根据不同版本的浏览器,作用效果也会有差异。

开始自己动手制作:

1、首先 打开Photoshop软件

在地址栏为worepress添加小图标

2、新建一个文件宽高设置成512*512,

3、画一个圆

4、利用标尺,改变圆的形状,使它们贴到四壁,得到正圆

5、新建图层,打上文字,调整到合适

6、此时,就可以输出图片了,得到png图

7、然后,修改图像大小为16*16(这就是地址栏的图标了)如果,图像大于256*256,不能输出ico图

制作过程 大概是这样的:

在地址栏为worepress添加小图标

图标做成后,就可以上传到空间中了

方法

 

[info]

1.把准备好的favicon.ico图标直接上传到WordPress博客所在的网站空间的根目录

 

2.保存更新文件文件,清除浏览器缓存即可以地址栏看到favicon图标

[/info]

 

注意以下几点:

 

[success]

1.favicon图标不宜过大,越小越好,否则影响网站打开速度。

 

2.favicon图标文件务必为ico格式上传至网站更目录,而不是主题目录。

 

3.favicon图标一定要重命名为favicon.ico。

[/success]

 

  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微信公众号
  • 微信公众号扫一扫
  • weinxin
ChemistrySir

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: