close
就像是圖中所展示的,網址列的最前端及書籤圖示,指的就是Favicon



站長教你,輕輕鬆鬆幾個步驟就製作完成囉。



ico01







為什麼要製作Favicon?



當然是為了讓人對你的站台加深印象囉!比如說像是香腸炒魷魚



他們的Favicon就是一根香腸加一支魷魚,讓人很容易就聯想起來了!



諸如此類,所以這也是一個加深別人對你站台的印象哦



當別人加了一堆網址書籤後,如果你的Favicon很特別



那麼別人很容易馬上就能找到你的網址,不是嗎?











如何製作Favicon?



站長在這邊介紹一個快速製作Favicon的網站:http://www.favicon.cc/



這個網站可以將你想製作成Favicon的圖片,快速轉換成Favicon



或者是利用他的編輯介面自行畫製Favicon



製作時,下方還有一個即時預覽圖,可以讓你馬上知道做出來的效果哦!



站長先介紹上一下每個欄位的功能。





從左欄開始:



Create New Favicon:製作新的Favicon



Import Image:匯入現有圖片製作



Latest Favicons:最新被製作的Favicon



Top Rated Favicons:熱門Favicon



Login:登入,如果你有註冊的話



Register:註冊(不需註冊即可使用全部的功能)



Search:可用搜尋列打入關鍵字,搜尋相關的Favicon











中間的16x16編輯欄,對應著下面的即時預覽圖











右邊的工具列:



即點即選的色彩選擇框



transparent:橡皮擦



pick existing color:透明化



move:可以將整個Favicon移動成你想要的位子







製作完畢後再按下面的【Download Favicon】即可輸出Favicon.ico檔案囉



聰明的你,想必不用太多說你很快就可以得心應手囉!!





















如何在網址列加上Favicon.ico?



將你做好的Favicon.ico上傳到你放圖片的空間或是部落格空間都可以



例如站長的是放置在



http://sites.google.com/a/steachs.com/images/Home/favicon.ico



至你的wordpress佈景資料夾中下載index.php檔案回來



打開index.php



加入以下語法於最上方(記得將網址換成你的icon位址哦)



<link href='http://sites.google.com/a/steachs.com/images/Home/favicon.ico' rel='shortcut icon'/>



儲存檔案後,再上傳覆蓋即可。



或是利用後台編輯亦可



















後台中至外觀→編輯→選擇index.php



然後在上方加入語法再儲存即可















然後再到部落格看看,加到我的最愛再看



如此一來你的網址列前方就有專屬你網站的Favicon











arrow
arrow
    全站熱搜
    創作者介紹
    創作者 hsinyu1001 的頭像
    hsinyu1001

    教學湯部落

    hsinyu1001 發表在 痞客邦 留言(0) 人氣()