什麼是 Favicon 呢?
Favicon 或網站圖示是顯示在瀏覽器 (browser) 分頁標題旁的小圖示,可以幫助使用者識別你的網站。大部份現代的網路使用者,都會同時在瀏覽器開啟多個分頁,Favicon 能讓使用者快速認出你的網站,並切換到這個分頁,有效增強瀏覽器可用性 (usability) 和用戶體驗 (user experience)。
WordPress 網站要如何設定 Favicon 呢?
自從 WordPress 4.3 之後,你能夠簡單的從 WordPress 後台設定。到網站後台後,選擇 外觀 (Appearance) > 自訂 (Customize) 進入自訂畫面。
進入到自訂畫面後,這邊特別要注意的是,套用不同的佈景主題,變更圖示的位置可能不太一樣,以下是用預設的主題 Twenty Nineteen 為例。選擇網站識別 (Site Identity),下面有個網站圖示,點擊”選取網站圖示”即可選擇圖示並設定,這邊 WordPress 是建議使用 512 x 512 像素以上的圖示。
而像是 CHU CHU 使用佈景主題 Neve,則是到 Header > Quick Links > Change Logo > Logo & Site Identity 裡設定。
實用工具 – 網站圖示 Favicon 產生器
這邊提供一些免費的工具,讓各位可以快速替自己的網站製作 Favicon。
- https://www.favicon-generator.org/
可使用圖片產生 Favicon 圖示 - https://favicon.io/favicon-generator/
可使用文字產生 Favicon 圖示,可選擇很多好看的字體,CHU CHU 就是使用這個網站快速產品網站圖示的喔!