添加网页图标 Favicon

@ WordPress 笔记

之前在用 wp 免费博客的时候,曾经惊喜地发现可以自定义 favicon 也就是网页图标,直接在后台上传便可。后来 blogger 也推出了相同的功能。然而独博使用的 wp 却找不到设置 favicon 的地方。但是这么多独博都有 favicon,肯定是有方法的。官网上的 Creating a Favicon 就详细介绍了如何创建 Favicon,中文译文我在另一个网站上找到了,叫为自己的WordPress博客创建一个Favicon。中文译文有些出入,建议直接读英文。

以下是我创建 favicon 的基本步骤:

  1. 在线创建 favicon.ico 的网站创建自己的 .ico 图标。
  2. 下载 favicon.ico 文件,上传到当前 theme 文件夹根目录下。(如果原来里面就有 favicon.ico 文件,请先删除再上传新的;或者替换。)
  3. 上传 favicon.ico 文件到 public_html 根目录下(比如 http://example.com/favicon.ico),可以显示在博客订阅器中。
  4. 为了使 Favicon 显示在比较旧的显示器中,还需在 head.php 中找到以 <link rel="shortcut icon" 开头,以 /favicon.ico" /> 结尾的句子,如果有,则替换成以下句子;如果没有,则在 <head> 后面添加以下句子:
<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico" /></link>

最终效果如下图:

favicon

评论