教學筆記 | 網路分享 | 電腦3C

如何修改Weebly的Favicon

2016-12-08


Favicon是favorites icon的縮寫
也有人稱它為Website icon
也就是網頁圖示
最早的Favicon是ico檔
但是現在很多瀏覽器也開始支援png跟Gif格式的圖形了

如果你是Weebly的付費會員
那你就可以在後台直接上傳你想要設置的Favicon
不過其實這個功能我們是可以透過一些小修改來取得的…

建立Weebly的Favicon

首先
先挑好你想要用的Favicon
如果手邊沒有合適的圖形
你也可以在Favicon.ico 製作或是favicon.cc來自己做一個
一般來說Faviocn的大小都不大
用32×32就已經足夠了



修改Favicon

將Faviocn上傳到圖床
如果你沒有自己的圖床也沒有關係
你可以在Weebly的編輯後台中開啟 Edit HTML / CSS

在選單下方的"資產"選項中上傳圖檔


上傳完要記得複製圖片檔案位置

 

將圖片路徑加到這個語法中

<link rel="shortcut icon" href="圖片網址">

 

將程式碼加入:Setting>搜尋引擎優化>標頭代碼

 

按下發布
再回來看網站就會發現Faviocn已經更換囉