给你的博客增加多浏览器支持的ico小图标

在如今这个浏览器百花齐放的时代,以前的那个老方法已经不够用了。
以前的老方法就是直接先在ps里做一张图,然后在ico.la里在线生成一下再放入网站目录下就ok了。这个方法虽然简单,但是对于现在来说已经不够用了,之前看到一篇教程,是在大刘子博客看到的,现在因为他博客出了点问题,部分文章已经丢失,在这里我写一下,算是个记录。大伙儿也可以试一试这个方法。
首先还是得自己找一张图片,或者ps里自己做一张(建议尺寸在260*260),因为涉及到桌面图标的大小。
做好后进入:http://realfavicongenerator.net/
ico1
打开并选择你要设置的ico图片。下一步就是进入ico图标设置界面,设置好在各个系统的图标后。

ico3
直接点这里,进入最后一步。
ico4
上面是设置ico图标的方法,下面介绍该怎么用这些生成的图标。
将下载下来的文件解压并改名文件夹名字为:favicon。接着将你复制的代码自己新建一个php文章复制进去并修改下代码里的链接路径。
如:
ico5
注意红色框里的路径就是要加进去的。
把你修改好的favicon.php文件也一并放入favicon文件夹,跟图标文件一起。
接着就是将favicon文件夹ftp上传到你主题目录下。
最后还要在你主题的header.php里的恰当位置放入以下代码:


<?php include('favicon/favicon.php'); ?>

通常是放在head后面
到这里就已经是尾声了,你接下来需要做的就是刷新下当前浏览器的缓存,并检查首页源码是否有以下生成的代码:
ico2
如果有,表示成功。如果没有,你懂得。

别留恋破碎的旧梦,别计较人生的得失。

6 条评论

    1. @sven 刚刚在timlecn里扒了点干活,隐藏边栏和显示边栏。成功了,但是css样式没生效。你把我这篇文章一直拉到最下面,点击那个隐藏边栏看看效果。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

返回主页看更多
狠狠的抽打博主 支付宝 扫一扫