網站美化：給你的網站添加一個好看的Favicon
來源:網站推廣 2012-09-12
“什么是 Favicon?” 我們幾乎每天都會看到,但是沒有多少人會注意到他們。但以我的經驗,可以和你們講,當你為了用戶建立網站的時候,加上你的 Favicon 將是這個工程的最后一步,而且用戶也會容易發(fā)現(xiàn)這一改變。
大概兩年前,我給一個朋友建一個網站。當我把網站第一次展示給她看的時候,她印象最深的卻是:“你居然還在瀏覽器里面放了這么一個小圖標,是怎么做到的啊?” 之前給他做6個網站的那些設計師都沒有做這點。所以她就認為這個很高級,要大網站才會有的東西。
那什么是 Favicon 呢?favicon 是 favorites icon 的縮寫,或者叫 shortcut icon, website icon, URL icon, 或者 bookmark icon,是一個 16×16 或者 32×32 的方形圖標。不同的網站有不同的圖標。出現(xiàn)在瀏覽器標簽的左端,比如我們通天塔t.tt的
有以下幾種方式可以給網站添加 Favicon- 在主題文件里面添加代碼,使用插件。更常見的是,在本地制作一個圖標然后上傳到空間以供使用。
應該怎樣創(chuàng)建一個屬于我自己的 Favicon
現(xiàn)在有很多在線生成 Favicon 的網站,你只需要上傳自己的圖片就可以了。例如:
Dynamic Drive – Favicon Generator
Favicon Generator
Favicon.cc
Favico
Favicon Generator & Gallery
最后一個網站有一個圖片庫,你可以看看別的網站的 Favicon 是怎樣的,然后可以給你一些靈感。Favicon 是一個長寬都是16像素的圖標,你只有256個像素的創(chuàng)作空間。所以你的 Favicon 不能夠太復雜,不然的話是識別不出來的。事實上,越簡潔越好,看看那些生成 Favicon 的網站自己的圖標,都是很簡單的。
不借助插件添加 Favicon
假設現(xiàn)在你已經做好了一個 Favicon,你應該怎樣把他放到你的網站上去呢。
實際上不借助插件也可以很簡單的把 Favicon 呈現(xiàn)給網站的訪客。網上很多教程都是叫你在 section 里面加入如下代碼:
但其實這樣有點多余,現(xiàn)在的瀏覽器會忽略“shortcut”條目,而用 “icon” 條目代替。所以你需要添加到 里面的其實只是第二行:
利用插件添加一個 “Favicon”
再次假設你已經做好了一個 Favicon,而你對代碼不是很熟悉,那么你還有別的辦法嗎?
其實你可以用插件來達到目的。
首先要確認你網站的主題是什么框架的,因為可能有對應的插件。就好像 Genesis framework 是有自己的插件 Genesis Favicon plugin 的。如果你的主題是 WooTheme, 那么主題已經包含了上傳 Favicon 功能的了。
如果你的主題框架不支持 Favicon 直接上傳也沒有相關插件的話,那么你可以去試試這個插件:All In One Favicon。安裝激活插件之后,去到設置界面,然后上傳你自己的 Favicon 或者是把網絡地址貼上去。保存之后刷新下網站應該就可以看到新的 Favicon 了(前提是你手動清除瀏覽器緩存或者是沒有設置緩存)。
使用插件來創(chuàng)建和添加 Favicon
如果上面提到的方法你還覺得有點麻煩的話,那么你可以考慮用插件 Favicon Generator plugin 來一步創(chuàng)建和添加。
當你把這個插件上傳到你的網站然后激活之后,你需要去把一下幾個目錄的權限改成777:
/wp-content/plugins/favicon-generator
/wp-content/plugins/favicon-generator/uploads
然后我們再回到 Favicon Generator 這個菜單上(安裝插件之后會出現(xiàn)在選項中),你會看到如下圖所示的界面:
在這里,你可上傳一個或者多個圖像,然后轉換為 Favicon 以供使用。插件描述里你可以使用 JPG, JPEG, GIF, 和 PNG 文件,但是我試過并不能成功把 PNG 文件轉換為 Favicon 文件, JPG 倒是可以。另外,這需要在你的 PHP 應用里面配置 GD2 庫,如果你不確定的話去問下你的托管商。
這個插件的一個好處就是你可以周期性的更換你的 Favicon 圖標,如果你愿意這樣做的話。
隨機更換你的 Favicon 圖像
這樣做其實只是為了使你的網站更有趣或者是個人喜好。上面提到的周期性更換 Favicon 的插件只是在你需要更換的時候手動更換。如果你覺得你網站的品牌塑造可以隨著 Favicon 的改變而增強的話,或者你覺得這樣很酷。你就可以考慮下這個插件:Favicon Rotator。這個插件允許你一次性上傳多個 Favicon 然后隨機更換。不過我不會這樣做,我覺得這不是一個什么好點子。
看完本文發(fā)現(xiàn)自己的博客或者網站還沒有 Favicon 的趕緊去添加一個吧。
原文:Add And Use A Favicon On Your WordPress Website For Easy Branding
本文由 CloudCheung 編譯,轉載請以可點擊的超鏈接形式注明源地址: t.tt/49/
文章編輯: 365webcall客服軟件(www.365webcall.com)
我的評論
| 登錄賬號： | 密碼： | 快速注冊 | 找回密碼 |  |
