wordpress中如何添加网站在浏览器左侧栏目小图标icon?
来源:互联网 发布:小镇 知乎 编辑:程序博客网 时间:2024/04/27 00:51
给自己网站添加favicon图标的好处自然不必多说,让自身网站更加个性化的同时,当用户收藏了本站后在浏览器的收藏栏很容易同其他网站进行区分,无意间可能就增加了网站的回流率。
那么,如何给网站添加favicon呢:
- 首先,作为一个站长,ps的基本操作你必须掌握吧。用ps工作制作一个正方形的png图标,大小在64*64或者32*32左右比较合适。在制作的时候有一点需要特别注意,就是如果你用更大的尺寸去制作,打算最后缩小后放入自己的网站。这种方法往往是不合适的,因为浏览器默认的favicon大致也就在16*16左右的大小,如果你的图标细节很多,反而会影响显示效果。
- 制作完png图标之后,推荐大家去一个ico格式在线转换网站:http://ico.la。选择上传自己的图片后,下载32*32的ico图片即可。然后把图标上传至自己的网站根目录。
- 进入wordpress后台,外观-编辑,点击顶部(header.php),然后在<head> </head>之间添加代码:
<link href="http://www.XXX.com/favicon.ico" rel="shortcut icon" />
把xxx.com网址替换成你的首页地址即可。注意,添加的代码行别打乱之前代码。经过上述三步操作,你的网站就有自己独特的favicon图标啦。
不过还要注意以下几点:
1.favicon图标不宜过大,越小越好,否则影响网站打开速度。
2.favicon图标文件务必为ico格式上传至网站更目录,而不是主题目录。
3.favicon图标一定要重命名为favicon.ico。
转载自:http://www.vhu.me/172.html
- wordpress中如何添加网站在浏览器左侧栏目小图标icon?
- 如何在MenuItem中添加icon图标
- 如何使网站图标Icon显示在浏览器地址前面
- 如何在CSDN博客左侧添加博客栏目
- 网站在浏览器头部的小图标如何弄
- 如何在浏览器地址栏前添加自定义的小图标?
- 网页制作小技巧------如何在浏览器地址栏中显示网站的图标?
- 如何使网站图标Icon显示在浏览器地址http的前面?
- ICON 浏览器 地址栏:小图标
- 如何让浏览器主动识别网站icon图标
- 网站图标Icon添加方法
- 网站图标Icon添加方法
- Qt中如何添加ICON图标 Qt设置应用程序图标
- 网页添加icon小图标
- 如何给网页标题添加icon小图标
- 如何给网页标题添加icon小图标
- 如何在浏览器地址栏中显示自己的小图标
- ios开发在Xcode中如何给程序添加icon图标
- Java 与 C 底层数据类型转换
- 全选/取消复选按钮的脚本
- .NET 方法概述
- Java取得当前路径的方法
- 谈谈快速非局部去噪算法
- wordpress中如何添加网站在浏览器左侧栏目小图标icon?
- ooad学习心得-用况图
- IE和火狐兼容文章javascript兼容
- view框架如何设计
- iframe隐藏
- hive 基本操作
- JavaScript open()
- JavaScript resizeBy()
- JavaScript