如何给WordPress添加个性标志favicon.ico图标?

如何给WordPress添加个性标志favicon.ico图标?

现在很多网站都想要添加个性的favicon.ico,可以加深访客对网站印象,那么如何给WordPress添加个性标志favicon.ico图标?

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

如何给WordPress添加个性标志favicon.ico图标? (https://www.wpzt.net/) WordPress入门 第1张

favicon.ico添加方法:

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

方法一

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

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

方法二

把准备好的favicon.ico图标上传到空间的某个目录。

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

<link rel=”shortcut icon” href=”https://www.wpzt.net/favicon.ico” type=”image/x-icon” />

<link rel=”Bookmark” href=”https://www.wpzt.net/favicon.ico” />

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

添加动态favicon图标的方法:

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

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

<link rel=”icon” href=”https://www.wpzt.net/favicon.gif” type=”image/gif” >

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

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。如有需求,建议购买正版!如果源码侵犯了您的利益请留言告知!!
811轩轩资源 » 如何给WordPress添加个性标志favicon.ico图标?

发表评论