摘要
Typecho设置浏览器图标favicon.ico的方法,先制作ico图片然后上传到主题所在目录,然后编辑外观在header.php文件中插入shortcut icon代码
Typecho如何添加浏览器标签显示图标favicon.ico?新手站长网分享Typecho浏览器图标favicon.ico的添加方法:
Typecho浏览器图标favicon.ico
Typecho博客程序添加favicon.ico图标后,浏览器顶部标签会显示自定义图标,方法很简单,新手站长网先来简单说下:先制作favicon.ico图片文件,然后上传到Typecho主题目录下,最后在Typecho的模板文件header.php中引用即可:
1. 制作favicon.ico图片文件
先准备一张长宽比为1:1的图片文件,然后将图片上传到第三方ico生成网站。
favicon.ico图片在线生成网站:www.bitbug.net
生成后的.ico后缀图片会自动下载到本地,将其更名为favicon.ico。
2. 将favicon.ico上传到Typecho主题目录下
使用FTP或其他方式,将刚刚生成的favicon.ico图片上传到你的Typecho主题目录下:
上传目录:/usr/themes/你的主题名字/
3. 在外观编辑header.php文件添加调用代码
修改Typecho网站后台--“控制台”--“外观”--“编辑当前外观”中的header.php文件,在
标签内添加以下代码:1
如下图所示:
typecho header.php中添加shortcut icon代码
然后保存文件即可。
在浏览器中打开网站即可看到我们自定义的浏览器图标了。