close
就像是圖中所展示的,網址列的最前端及書籤圖示,指的就是Favicon
站長教你,輕輕鬆鬆幾個步驟就製作完成囉。
為什麼要製作Favicon?
當然是為了讓人對你的站台加深印象囉!比如說像是香腸炒魷魚
他們的Favicon就是一根香腸加一支魷魚,讓人很容易就聯想起來了!
諸如此類,所以這也是一個加深別人對你站台的印象哦
當別人加了一堆網址書籤後,如果你的Favicon很特別
那麼別人很容易馬上就能找到你的網址,不是嗎?
如何製作Favicon?
站長在這邊介紹一個快速製作Favicon的網站:http://www.favicon.cc/
這個網站可以將你想製作成Favicon的圖片,快速轉換成Favicon
或者是利用他的編輯介面自行畫製Favicon
製作時,下方還有一個即時預覽圖,可以讓你馬上知道做出來的效果哦!
站長先介紹上一下每個欄位的功能。
如何在網址列加上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囉
站長教你,輕輕鬆鬆幾個步驟就製作完成囉。
為什麼要製作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囉
全站熱搜
留言列表