為 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 動態圖示效果
提醒:有些主機不支援方法一,所以建議使用方法二。