怎么添加網站瀏覽器圖標favicon ? - wordpress教程

    網站瀏覽器圖標,簡稱favicon,主要用于顯示在瀏覽器的左上角,當你的網站被添加到瀏覽器收藏欄時也會顯示,以此增加用戶對網站的識別度。每個網站都可以設置favicon。

    網站瀏覽器圖標,簡稱favicon,主要用于顯示在瀏覽器的左上角,當你的網站被添加到瀏覽器收藏欄時也會顯示,以此增加用戶對網站的識別度。每個網站都可以設置favicon。

    除此之外,標簽式瀏覽器甚至還有不少擴展的功能,如FireFox甚至支持動畫格式的favicon等。

    什么是站點圖標?

    站點圖標是您會在瀏覽器標簽、收藏夾和WordPress移動應用中看到的圖標。

    favicon.ico一般用于作為縮略的網站標志,它顯示在瀏覽器的地址欄、瀏覽器標簽上或者在收藏夾上,是展示網站個性的縮略logo標志,也可以說是網站頭像,目前主要的瀏覽器都支持favicon.ico圖標,如果要讓網站看起來更專業、更美、更有個性,favicon.ico是必不可少的。

    Faviconfavorites icon的縮寫,亦被稱為website icon(網頁圖標)、page icon(頁面圖標)或urlicon(URL圖標)。

    制作圖標

    首先,你得有一個favicon.ico的文件,尺寸比例推薦為1:1,一般是100像素X100像素,可以使用各種工具進行圖像的制作。

    以下是推薦信息:

    • 尺寸:120像素X120像素
    • 名稱:favicon
    • 格式:ico

    您可以通過以下網站將您的圖片制作成ico格式

    方法一(推薦)

    您可以將favicon.ico這個文件上傳到網站根目錄,也就是:域名/favicon.ico,下圖所示是WordPress程序的favicon.ico位置。

    怎么添加網站瀏覽器圖標favicon ? - wordpress教程

    最后,再次刷新你的瀏覽器,會發現favicon已經顯示,如果沒有立即顯示,請換個瀏覽器查看,或者清除瀏覽器緩存即可。

    注:favicon.ico只需要放到網站根目錄,并不需要添加到程序中,瀏覽器會直接通過你的域名調取這個文件。

    方法二

    在您的?#Wordpress#后臺 - 外觀 - 自定義 - 站點身份 - 站點圖標中,可直接上傳您的網站圖標,只要是圖片格式均可。

    怎么添加網站瀏覽器圖標favicon ? - wordpress教程

    錦上添花

    為了更好的兼容性,可以在header添加如下的META申明

    <head>
    ...
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="bookmark" href="/favicon.ico" type="image/x-icon" />
    ...
    </head>

    如果,你想展現個性,還可以弄一個動態的網站圖標,申明方法如下(有兼容問題):

    <link rel="icon" href="/favicon.gif" type="image/gif" />
    教程

    怎么在區塊編輯器(Gutenberg)中創建可重用區塊? - WordPress教程

    2020-7-27 16:09:00

    教程

    怎么用百度地圖設置顯示公司地址? - wordpress教程

    2020-8-1 12:32:36

    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    0 條回復 A文章作者 M管理員
      暫無討論,說說你的看法吧
    ?
    個人中心
    購物車
    優惠劵
    今日簽到
    有新私信 私信列表
    搜索
    主站蜘蛛池模板: 日本精品啪啪一区二区三区| 久久伊人精品一区二区三区| 亚洲日韩AV无码一区二区三区人| 久久久久99人妻一区二区三区| jizz免费一区二区三区| 国产精品毛片a∨一区二区三区| 精品一区二区三区在线视频观看 | 亚洲码欧美码一区二区三区| 亚洲AV日韩综合一区| 亚洲第一区视频在线观看| 亚洲福利视频一区| 亚洲国产一区二区三区 | 99精品国产高清一区二区三区| 精品免费国产一区二区三区| 国产精品亚洲一区二区三区 | 一区二区免费视频| 中文字幕AV一区中文字幕天堂| 日韩精品一区二区三区大桥未久| 日韩精品无码一区二区中文字幕 | 日本一区二区三区在线网| 国产精品高清一区二区三区不卡| 夜夜添无码试看一区二区三区| 亚洲视频一区二区| 一区二区三区久久精品| 精品乱子伦一区二区三区高清免费播放| 无码精品人妻一区二区三区免费看| 成人精品视频一区二区三区不卡| 中文字幕一区二区三区乱码| 国产一区麻豆剧传媒果冻精品| 亚洲片一区二区三区| 一区二区三区四区视频在线| 亚洲国产精品成人一区| 国产波霸爆乳一区二区| 超清无码一区二区三区| 国产SUV精品一区二区88| 亚洲不卡av不卡一区二区| 武侠古典一区二区三区中文| 91午夜精品亚洲一区二区三区 | 黄桃AV无码免费一区二区三区| 日韩免费一区二区三区在线| 本免费AV无码专区一区|