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