Friday, March 29, 2024

在wordpress模板中加入Favicon.ico

在我們的網站建設中,為網站打造一個契合網站主題的個性化標誌則是必需的,這直接關係到能否成功地塑造網站的品牌。這從某些角度看仍在網站推廣 的範疇之內,而欲取得成功,不僅包括良好的頁面設計、令人印象深刻的網站Logo,也包括favicon。

favicon,即Favorites Icon的縮寫,顧名思義,便是其可以讓瀏覽器的收藏夾中除顯示相應的標題外,還以圖標的方式區別不同的網站。根據瀏覽器的不同,Favicon顯示也有 所區別:在主流瀏覽器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不僅在收藏夾中顯示,還會同時出現在地址欄上,用戶可以拖曳favicon到桌面以建立到網站的快捷方式;此外, 標籤式瀏覽器甚至還有不少擴展的功能,如FireFox甚至支持動畫格式的favicon等。

從特定的技術角度看,favicon也可以在一定程度上減輕服務器的流量帶寬佔用:一般為了提高網站的可用性,我們都會為自己的網站創建一個自 定義的404錯誤文件,在這種情況下,如果網站沒有相應的favicon.ico文件,每當有用戶收藏網站/網頁時, Web服務器都會調用這個自定義的404文件,並在網站的錯誤日誌中記錄。這顯然是應該予以避免的。

每個網站都可以在URL地址前面顯示個性圖標。只需要將製作好的favicon.ico文件上傳到網站根目錄,並在頁面的head標籤內放入一 下代碼:

<link rel=”shortcut icon” type=”image/ico” href=”/favicon.ico” />

針對wordpress的模板,可以按以下方式來做:
1、在模板的header.php文件中加入以下代碼:
<link rel=”shortcut icon” type=”image/ico” href=”<?php bloginfo(’stylesheet_directory’); ?>/images/favicon.ico” />
2、 將製作好的favicon.ico文件上傳到模板所在目錄的images子目錄中。

如果你不想下載專用的圖像處理工具來製作favicon文件,有在線製作favicon的站點,只需要上傳你喜歡的圖片文件,將製作好的圖標文件下載到本地就行了。
http://favicon.htmlkit.com/favicon/
http://www.256pixels.com/
http://www.favicontool.com/
http://converticon.com/
http://www.webscriptlab.com/favicongenerator.php
http://www.favicon.co.uk/
http://www.favicongenerator.com/
http://favicon.ru/en/
http://www.dagondesign.com/tools/favicon-generator-tool/
http://www.antifavicon.com/
http://www.degraeve.com/favicon/
http://tools.dynamicdrive.com/favicon/
http://shaheeilyas.com/favicon/

One comment

  1. 按照您給出的方法試了幾次也不成功不知道怎麼回事?我將自己製作的favicon.ico文件上傳到博客主題的img文件夾,然後在header.php中的代碼中嘗試添加終不能成功,不知道是不是操作失誤,請指教一二,謝謝!
    如下代碼,請問具體我應該插入到什麼位置?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.