爲網站添加網址圖標favicon.ico

時間 2019-11-18

標籤網站添加網址圖標 favicon.ico favicon ico 欄目網站開發简体版

原文原文鏈接

今天終於有時間把domety的圖標設計好，並顯示在了網站地址前面。若是你還不知道怎麼把本身的圖標放到網站上，今天DDBug就和你分享一下實現方法。 php

製做圖標

首先是準備一張ico圖標，你能夠從網上搜索，不過最好是按照本身的想法制做一個本身的圖標，若是你不會做圖，能夠找身邊的朋友幫你作個。個人作法是先用 photoshop作一個48*48的png格式的圖標，而後再轉換成ico格式。目前已經有不少網站提供在線轉換ico圖標的服務，好比這個網站http://tools.dynamicdrive.com/favicon/，它轉換的效果不錯，並且還支持同時包含32*32和48*48大 html

上傳圖標

而後把圖標上傳到網站的根目錄（圖標文件的文件名必定要是favicon.ico）,這時候，通常來講你的圖標應該能夠顯出效果了。可能你不想把 favicon放在網站的根目錄下，而是其它文件夾裏(好比images目錄下)，這樣也是能夠的，不過你須要在每一個網頁的頭部<head></head>之間添加一句代碼瀏覽器

<link rel="shortcut icon" href＝"你的域名/images/favicon.ico" />

以wordpress爲例，好比我把favicon.ico文件放在了主題模板的目錄下面，那麼我就在網頁的頭部添加了以下代碼： dom

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />

到這裏其實咱們的工做已經基本完成了，接下來就打開你的網站，測試一下有沒有效果 wordpress

若是你在打開你的網站的時候，沒有在地址前面看到你的favicon圖標，你能夠先到下面這個網站測試一下測試

http://www.html-kit.com/favicon/validator/ 網站

你能夠根據測試結果查找問題出在了哪裏。若是在這裏測試經過，都沒有問題，那麼就是瀏覽器保存的臨時文件引發的。這時候其實你的圖標已經生效了，只是你自己看不到而已。你能夠把你的網址發給你的朋友，讓你的朋友看一下有沒有圖標。或者刪除你電腦中的網頁臨時文件，從新打開你的網站，通常來講就能看到效果了。這一步的處理方法因爲瀏覽器的不一樣而不一樣。 spa

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。