怎么添加網站瀏覽器圖標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" />

    給TA贊賞
    共{{data.count}}人
    人已贊賞
    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    ?
    購物車
    優惠劵
    搜索
    主站蜘蛛池模板: 国产一区二区三区免费在线观看| 鲁大师成人一区二区三区| 一区二区中文字幕在线观看| 亚洲啪啪综合AV一区| 精品无码国产一区二区三区AV| 亚洲国产AV无码一区二区三区 | 亚洲国产系列一区二区三区| 久久精品免费一区二区喷潮| 在线视频一区二区三区四区| 色婷婷一区二区三区四区成人网| 无码少妇一区二区三区芒果| 精品国产免费一区二区三区| 精品国产一区二区三区无码| 国产视频福利一区| 99久久精品国产免看国产一区| 在线观看午夜亚洲一区| 日本一区二区三区在线看| 3d动漫精品啪啪一区二区中 | 福利一区二区在线| 91福利视频一区| 国产精品乱码一区二区三区| 91精品国产一区| 国产亚洲综合一区柠檬导航 | 国产一区二区三区不卡在线看| 日本免费一区二区久久人人澡| 国产免费av一区二区三区| 91久久精品午夜一区二区| 国产午夜三级一区二区三| 亚洲国产成人久久一区二区三区| 中文字幕无线码一区| 视频在线一区二区| 国产在线视频一区| 无码精品黑人一区二区三区| 2020天堂中文字幕一区在线观| 国产福利一区二区三区| 日本在线电影一区二区三区| 久99精品视频在线观看婷亚洲片国产一区一级在线 | 国产日韩一区二区三区| 无码少妇A片一区二区三区| 精品一区二区三区AV天堂| a级午夜毛片免费一区二区 |