本文摘自 <Hank Chan 的部落格>
Favicon 是每個網頁都應該具備的基本配備,它在 safari 是出現在 address bar 的最左邊 (如下圖左所示),在 Chrome 則是出現在 tab 的左邊 (如下圖右所示)。有 favicon 的網頁看起來更專業,而且也讓使用者更容易辨識網頁的品牌。
1. 首先,讓我們先製作你網頁專屬的 favicon。準備好你網站 logo 的圖檔 (jpg, png 都行),然後把圖片上傳到 http://www.favicon-generator.org (你也可以使用其他製作 favicon 的網站)。這些網站將會幫你做好 favicon 專用的 (16px * 16px) ico 圖檔。將下載下來的 ico 檔案上傳到 Weebly 的 theme page (下圖 1, 圖 2, 圖 3)。
進入 theme page 後,透過左下方的 assets 上傳你的 ico 圖檔。
上傳後的 ico 圖檔可能就長得像這樣:
最後到你的 Settings >> SEO >> Header Code,把以下的 code 貼上去,再按 save (記得將下面 ico 圖檔的連結置換成你的連結)。 更新你的 Weebly 網站後,就大功告成啦!
Comments
|
Details
Hank在原本想幫家裡 中藥店 架網站的想法下,誤打誤撞的進入了 Weebly 的世界,從此成為 Weebly 的愛好者. Categories |