<ins id="h37n9"><span id="h37n9"></span></ins>
<cite id="h37n9"><video id="h37n9"><menuitem id="h37n9"></menuitem></video></cite>
<cite id="h37n9"><span id="h37n9"></span></cite>
<var id="h37n9"><strike id="h37n9"></strike></var>
<cite id="h37n9"></cite><var id="h37n9"><strike id="h37n9"><thead id="h37n9"></thead></strike></var>
<var id="h37n9"><video id="h37n9"></video></var><cite id="h37n9"></cite>
<var id="h37n9"><strike id="h37n9"></strike></var>
<var id="h37n9"></var>
<menuitem id="h37n9"><strike id="h37n9"></strike></menuitem>
<var id="h37n9"></var>
<var id="h37n9"><video id="h37n9"><var id="h37n9"></var></video></var> <cite id="h37n9"></cite>
<cite id="h37n9"></cite>
<var id="h37n9"><video id="h37n9"><menuitem id="h37n9"></menuitem></video></var>
<menuitem id="h37n9"><strike id="h37n9"><thead id="h37n9"></thead></strike></menuitem>
<var id="h37n9"></var>
<menuitem id="h37n9"></menuitem>
<cite id="h37n9"><strike id="h37n9"><thead id="h37n9"></thead></strike></cite> <cite id="h37n9"><span id="h37n9"><var id="h37n9"></var></span></cite><var id="h37n9"></var>
<cite id="h37n9"></cite>
<cite id="h37n9"><video id="h37n9"><thead id="h37n9"></thead></video></cite><menuitem id="h37n9"></menuitem>
<var id="h37n9"><span id="h37n9"></span></var>
<menuitem id="h37n9"></menuitem>

歡迎光臨四川省巨高科技有限公司

聯系我們|網站地圖|巨高資訊

13880394188

網站建設 WEBSITE CONSTRUCTION

巨高科技專注成都網站建設和網站優化推廣16年,提供PC網站+手機網站+微網站+手機APP四站合一,成都網站制作優選品牌,成都網絡整合營銷顧問

當前位置:首頁>網站建設 >建站資訊 >網站美化:給你的網站添加一個好看的Favicon >

網站美化:給你的網站添加一個好看的Favicon

來源:成都網站建設 時間:2016-11-05 點擊次數:413

 

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

最新快乐扑克3开奖结果
<ins id="h37n9"><span id="h37n9"></span></ins>
<cite id="h37n9"><video id="h37n9"><menuitem id="h37n9"></menuitem></video></cite>
<cite id="h37n9"><span id="h37n9"></span></cite>
<var id="h37n9"><strike id="h37n9"></strike></var>
<cite id="h37n9"></cite><var id="h37n9"><strike id="h37n9"><thead id="h37n9"></thead></strike></var>
<var id="h37n9"><video id="h37n9"></video></var><cite id="h37n9"></cite>
<var id="h37n9"><strike id="h37n9"></strike></var>
<var id="h37n9"></var>
<menuitem id="h37n9"><strike id="h37n9"></strike></menuitem>
<var id="h37n9"></var>
<var id="h37n9"><video id="h37n9"><var id="h37n9"></var></video></var> <cite id="h37n9"></cite>
<cite id="h37n9"></cite>
<var id="h37n9"><video id="h37n9"><menuitem id="h37n9"></menuitem></video></var>
<menuitem id="h37n9"><strike id="h37n9"><thead id="h37n9"></thead></strike></menuitem>
<var id="h37n9"></var>
<menuitem id="h37n9"></menuitem>
<cite id="h37n9"><strike id="h37n9"><thead id="h37n9"></thead></strike></cite> <cite id="h37n9"><span id="h37n9"><var id="h37n9"></var></span></cite><var id="h37n9"></var>
<cite id="h37n9"></cite>
<cite id="h37n9"><video id="h37n9"><thead id="h37n9"></thead></video></cite><menuitem id="h37n9"></menuitem>
<var id="h37n9"><span id="h37n9"></span></var>
<menuitem id="h37n9"></menuitem>
<ins id="h37n9"><span id="h37n9"></span></ins>
<cite id="h37n9"><video id="h37n9"><menuitem id="h37n9"></menuitem></video></cite>
<cite id="h37n9"><span id="h37n9"></span></cite>
<var id="h37n9"><strike id="h37n9"></strike></var>
<cite id="h37n9"></cite><var id="h37n9"><strike id="h37n9"><thead id="h37n9"></thead></strike></var>
<var id="h37n9"><video id="h37n9"></video></var><cite id="h37n9"></cite>
<var id="h37n9"><strike id="h37n9"></strike></var>
<var id="h37n9"></var>
<menuitem id="h37n9"><strike id="h37n9"></strike></menuitem>
<var id="h37n9"></var>
<var id="h37n9"><video id="h37n9"><var id="h37n9"></var></video></var> <cite id="h37n9"></cite>
<cite id="h37n9"></cite>
<var id="h37n9"><video id="h37n9"><menuitem id="h37n9"></menuitem></video></var>
<menuitem id="h37n9"><strike id="h37n9"><thead id="h37n9"></thead></strike></menuitem>
<var id="h37n9"></var>
<menuitem id="h37n9"></menuitem>
<cite id="h37n9"><strike id="h37n9"><thead id="h37n9"></thead></strike></cite> <cite id="h37n9"><span id="h37n9"><var id="h37n9"></var></span></cite><var id="h37n9"></var>
<cite id="h37n9"></cite>
<cite id="h37n9"><video id="h37n9"><thead id="h37n9"></thead></video></cite><menuitem id="h37n9"></menuitem>
<var id="h37n9"><span id="h37n9"></span></var>
<menuitem id="h37n9"></menuitem>
足球赛直播 重庆时时到底有多假 南粤风彩36选7的好彩3 mg电子不开户试玩 正版(四不像)一肖中特 湖北麻将拳打脚踢 360老时时彩app下载 大学生劳动局暑期补贴 草社区 东莞按摩会所那里有00后 jdb捕鱼 广东时时37期 澳洲幸运5结果走势图 双色球2019059期开奖结果 赌转盘怎么好赢 深圳福彩官方网
在線客服
在線客服
服務熱線