WordPress 博客添加个性标志favicon.ico

2019-03-15 09:56:06来源: www.boke8.net 阅读 ()

新老客户大回馈,云服务器低至5折

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

favicon.ico介绍:

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

favicon.ico添加方法:

先挑一张喜欢的图片,调整成16×16大小,通过相关图片制作工具,将其转换为扩展名为.ico,文件名为favicon的图片,即favicon.ico

方法一

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

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

方法二

1.把准备好的favicon.ico图标上传到空间的某个目录(如博客根目录)

2.编辑主题文件header.php,在<head>和</head>之间添加以下代码:

<link rel="shortcut icon" href="favicon.ico"  type="image/x-icon" />/>
<link rel="Bookmark" href="favicon.ico" />

保存更新文件文件,清除浏览器缓存即实现效果

添加动态favicon图标的方法:

1.先挑一张喜欢的gif动态图片,调整成16×16大小,重新命名为favicon.gif

2.编辑WordPress主题文件header.php,在<head>和</head>之间添加以下代码:

<link rel="icon" href="favicon.gif" type="image/gif" >

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

提醒:有些主机不支持方法一,所以建议使用方法二。

» 转载请注明出处: 博客吧

» 本文地址:http://www.boke8.net/wordpress-favicon-ico.html

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:linux主机如何实现301重定向和伪静态

下一篇:浅谈个人站长的两种发展盈利模式