改變您的網頁 favicon 是一件容易的事。
- 製作一個 16x16 或 32x32 解析度的圖片。 您可以使用一些圖像編輯軟體來製作,例如 Photoshop,Gimp,Paint.net 或 Windows Paint。當然,你也可以使用一些線上工具如 http://antifavicon.com/
- 更改為 ico 格式 使用免費的線上工具例如:
- 利用以上方法建立的檔案,其副檔名將會是 .ico。複製該檔案到
/joomla/templates/<your template>
目錄並且將它命名為favicon.ico
。 - 開啟瀏覽器。有看到新的圖示了嗎?如果有,那真是太好了。但若是沒有,也不一定代表你做錯哪一個步驟喔。瀏覽器通常都設計為最大限度地減少網路流量,所以它們基本上不會在你按下每一次的重新整理(F5)後就立刻顯示你更改過的 favicon。因此,若想立刻看到變更過的 favicon 您可能會需要使用以下方法:
- Mozilla / Firefox / Safari:按住 Shift 鍵並點擊重新整理,或按 Ctrl-Shift-R (Mac:Cmd-Shift-R);
- IE:按住 Ctrl 鍵並點擊重新整理,或按 Ctrl-F5;
- Konqueror:直接點擊重新整理,或按 F5;
- Opera:使用者基本上需要到 工具 選項 中去完全地清除快取;
- Chrome:Shift-F5;
- 如果上述方式沒用的話,你將需要到各瀏覽器中的設定裡去刪除它們的快取檔案及歷史紀錄並重新開啟您的頁面。或刪除您的 favicon,按下 F5 重新整理瀏覽器,再去上傳 favicon。
我的 favicon 位於其他地方
有些佈景主題會包含一些代碼來讓瀏覽器重新導向至其他的目錄或其他圖示檔案。如要確認您的新 favicon 應該在哪裡,請檢查http://yoursite.com/templates/your_template/index.php
並查看原始碼是否有包含該字段<link rel="shortcut icon"。您將可以從此來找到該圖示的目錄以及它的檔名。複製您要用的圖示到它指定的路徑,並給它連結指向的名稱(您可能會需要先備份舊檔案)。請確定你已設定了正確的安全性來讓您的網頁伺服器可以有權限訪問該檔案。請看以下範例:
<link rel="shortcut icon" href="http://yoursite.com/templates/your_template/icon/favicon.ico" />
但如果您不想只變更各佈景主題目錄中的 favicon.ico 檔案,那麼您可以到 html.php 中找到對 favicon.ico 檔案的引用。其路徑為 "........\libraries\joomla\document\html\html.php"。這樣做可避免圖示被切換:
<link rel="shortcut icon" href="http://yoursite.com/templates/your_template/icon/youricon.ico" />
在佈景主題 html 中,並且您不用刪除 favicon.ico 檔案。(為何要叫兩次 icon?)
從 html.php 中
// Try to find a favicon by checking the template and root folder
$path = $directory . DS;
$dirs = array( $path, JPATH_BASE . DS );
foreach ($dirs as $dir )
{
$icon = $dir . 'favicon.ico';
if (file_exists( $icon ))
{
$path = str_replace( JPATH_BASE . DS, '', $dir );
$path = str_replace( '\\', '/', $path );
$this->addFavicon( JURI::base(true).'/'.$path . 'favicon.ico' );
break;''