一个分享WordPress、Zblog、Emlog、Typecho等主流博客的教程网站!
当前位置:网站首页 > 博客教程 > WordPress教程 > 正文

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

作者:xlnxin发布时间:2021-04-15分类:WordPress教程浏览:580


导读:为WordPress博客添加个性的favicon.ico,可以让博客个性标志显示在浏览器地址栏上和收藏夹中,加深访客对博客的印象。博主们访问一些添加了favicon标志的...

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

favicon.ico介绍:

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

favicon.ico添加方法:

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

方法一

  • 把准备好的favicon.ico图标直接上传到WordPress博客所在的网站空间的根目录
  • 保存更新文件文件,清除浏览器缓存即可以地址栏看到favicon图标

方法二

  • 把准备好的favicon.ico图标上传到空间的某个目录(如博客根目录)
  • 编辑主题文件header.php,在<head>和</head>之间添加以下代码:
    1
    2
    
    <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>之间添加以下代码:
    1
    
    <link rel="icon" href="favicon.gif" type="image/gif" >
  3. 保存更新文件,清除浏览器缓存即可以地址栏看到favicon动态图标效果

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

标签:wordpress空间主机主题博客wordpress主题