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

发表评论

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