给网站制作动态、静态的网站图标(收藏夹图标)
我们在访问网站时,大部分网站都有个性的ICON图标,在浏览器的地址栏的左边,以及在网址收藏夹的里面,都能看到ICON图标。这样做对网站的推广大有好处,个性化的图标给读者一个直观的、形象化的印象(图片总是容易比文字更令人印象深刻),即使很久以后再次访问你的网站,看到图标,就能想起“曾经访问过这个站”。
其实,你的wordpress博客也可以拥有这样一个个性的网站图标(或者称做收藏夹图标)。严重浪漫不仅给自己做了一个静态的网站图标favicon.ico,还做了一个动态的网站图标,如果你用FireFox浏览器访问我的博客,就能看到动态效果的网站图标了。【如图】
【制作方法】
严重浪漫试用了许多图片制作软件、在线图标制作站。发现一个非常强大的在线制作动态、静态的收藏夹图标的网站。网址 http://www.html-kit.com/favicon/ 。
在这里,提交一张你自选的图片,然后就可以下载图标文件了,非常简单。如果你想制作动态的网站图标,继续向下看。
制作动态图标的方法:把你的图片素材都提交上去【如图】:
然后点击 “Edit”按钮,进入如下的界面【如图】:
在红色文字“Customize your favicon ”(定制你的图标)的下面那个框里,自由编辑函数,就是调整那些图片的显示顺序。
这里有个小窍门,可以调节图片走动的速度,那就是,想让一个一个素材走动的慢一些,那就在那些函数(就是{PIC1}、{PIC2}等等这些)之间添加上空格,空格添的越多,走动的就越慢了。
同样,制作完后,下载保存。
【使用方法】
下载到的压缩包,解压得到两张图片,分别是:favicon.ico 和 animated_favicon1.gif,第一个是静态图标,第二个是动态图标。把他们上传到你网站的根目录。
编辑你现在使用的主题的header.php,在<head>和</head>之间添加以下代码:
1 2 | <link rel="shortcut icon" href="favicon.ico"> <link rel="icon" type="image/gif" href="animated_favicon1.gif"> |
没错,是这样的
貌似只有 FireFox 能够动态
没用过遨游,不过,遨游是IE内核啊,不能显示实在是奇怪了
傲游3暂时没有站标显示,收藏夹那儿倒是能看到