為 WordPress 博客添加個性的 favicon.ico,可以讓博客個性標誌顯示在瀏覽器地址欄上和收藏夾中,加深訪客對博客的印象。博主們訪問一些添加了 favicon 標誌的博客應該注意到,在瀏覽器地址欄博客地址前面或在瀏覽器標籤中顯示出來的個性圖片,博客吧同時也有添加 favicon.ico 圖標。

favicon.ico 介紹:

所謂 favicon,即 Favorites Icon 的縮寫,顧名思義,便是其可以讓瀏覽器的收藏夾中除顯示相應的標題外,還以圖標的方式區別不同的網站。而且根據不同版本的瀏覽器,作用效果也會有差異。

favicon.ico 添加方法:

先挑一張喜歡的圖片,調整成 16×16 大小,通過相關圖片製作工具,將其轉換為擴展名為.ico,文件名為 favicon 的圖片,即 favicon.ico

方法一

1. 把準備好的 favicon.ico 圖標直接上傳到 WordPress 博客所在的網站空間的根目錄

2. 保存更新文件文件,清除瀏覽器緩存即可以地址欄看到 favicon 圖標

方法二

1. 把準備好的 favicon.ico 圖標上傳到空間的某個目錄 (如博客根目錄)

2. 編輯主題文件 header.php,在<head> 和</head> 之間添加以下代碼:

<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> 之間添加以下代碼:

<link rel="icon" href="favicon.gif" type="image/gif" >

3. 保存更新文件,清除瀏覽器緩存即可以地址欄看到 favicon 動態圖標效果

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