当前位置:首页>Wordpress教程>如何给WordPress添加个性标志favicon.ico图标?

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

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

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

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

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

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动态图标效果

文章链接:https://www.7zt.cn/3639.html
文章标题:如何给WordPress添加个性标志favicon.ico图标?
文章版权:柒主题 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
本文最后更新发布于2022年11月22日 17时13分06秒,某些文章具有时效性,若有错误或已失效,请在下方留言或联系:21660010@qq.com
声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 柒主题 或点击右侧 私信:站长 反馈,我们将尽快处理。

给TA打赏
共{{data.count}}人
人已打赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索