在網站中標題名稱前方有一個小圖示，就是網站小圖示 Favicon。
例如 Facebook 網站前方有一個 F 字頭的圖示。

便是 Facebook 網站小圖示 Favicon。

而我們架設的 WordPress 網站預設是 WordPress 官網的小圖示。

今天就來教學一下如何更換 WordPress 的網站小圖示 Favicon。

為什麼要更換網站小圖示 Favicon

擁有自己設計的網站小圖示 Favicon 是建立品牌形象的其中一小步。
雖然只是小小一個圖示，但卻是出現在網站名稱前面的圖示，對品牌形象的加分非常重要。
有了網站小圖示讓你網站提升了專業度及質感喔。

製作網站小圖示 Favicon 方法

一般使用的 Favicon 大小為 16 x 16 ，但若想製作更細致的圖示，可製作相同長寬的大小，例如 32 x 32 或 64 x 64 也是可以的，而副檔名格式為 ico 或 png。
通常我會選擇製作 32 x 32 大小的圖示比較剛好。

以下我提供幾個免費可製作網站小圖示 Favicon 的網站

Favicon.ico 製作

網址: http://tw.faviconico.org/
功能: 上傳圖片轉 ico 檔

faviconer

網址: http://www.faviconer.com/
功能: 手繪圖示、上傳圖片轉 ico 檔

Favicon.io

網址: https://favicon.io/
功能: 上傳圖片轉 ico 檔、文字轉 ico、表情符號轉 ico

flaticon

網址: https://www.flaticon.com/
功能: 搜尋眾多 icon 下載當作網站小圖示

輸入你想找圖示的名稱搜尋，會出現各種 icon，可直接下載 32 x 32 大小檔案，然後當作網站小圖示 Favicon。

更新 WordPress 網站小圖示 Favicon

已經製作好圖示之後，接著就要從後台上傳到網站上。
執行「外觀 > 自訂」。

執行「網站識別」。

在下方的「網站圖示」，點擊「選取網站圖示」。

接著就是選取剛剛已製作的 ico 或 png 網站小圖示。
上傳之後會先看到預覽。確認後按「發佈」。

這樣就完成了，馬上就可以測試一下是否已更新完成。

如果你剛上傳後，再回到網站測試，發現還是舊的圖示，原因是被瀏覽器 Cache 暫存了。
可以對瀏覽器按「Ctrl + F5」，讓網站重新讀取後就正常了喔。

重點整理

1. 網站小圖示是建立品牌形象的一小步
2. 網站小圖示的副檔名為 .ico，建議大小為 32 * 32
3. 在後台「網站識別」可上傳圖示

相關學習文章

WordPress 修改主題樣式 (style.css) - 常用 4 招教學
WordPress 如何隱藏文章的作者、日期資訊
WordPress 點擊圖片放大效果-Easy FancyBox 外掛教學