怎么添加網站瀏覽器圖標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管理員
      暫無討論,說說你的看法吧
    ?
    個人中心
    購物車
    優惠劵
    今日簽到
    有新私信 私信列表
    搜索
    主站蜘蛛池模板: 国产一区二区三区小向美奈子| 中文字幕无线码一区| 日韩一区二区在线观看| 亚洲视频在线一区| 亚洲高清偷拍一区二区三区| 男插女高潮一区二区| 国模私拍一区二区三区| 区三区激情福利综合中文字幕在线一区亚洲视频1| 久久亚洲一区二区| 亚洲毛片αv无线播放一区| 国产精品亚洲一区二区三区久久 | 亚洲av综合av一区二区三区| 国产一区二区高清在线播放| 无码8090精品久久一区| 风间由美在线亚洲一区| 久久精品国内一区二区三区| 中文字幕一区二区三区精彩视频| 国产乱码一区二区三区爽爽爽| 成人精品视频一区二区三区| 一区二区三区亚洲视频| 无码AV动漫精品一区二区免费| 国产成人无码aa精品一区| 免费高清在线影片一区| 国产一区二区不卡老阿姨| 亚洲一区二区三区写真 | 国内偷窥一区二区三区视频| 一区二区三区在线播放视频| 国产精品第一区第27页| 一区二区三区免费高清视频| 国产日韩高清一区二区三区| 中文字幕一区二区区免| 国模吧一区二区三区| 99久久精品国产一区二区成人| 人妻AV一区二区三区精品 | 久久精品国内一区二区三区| 日韩美女在线观看一区| 无码av不卡一区二区三区| 亲子乱AV视频一区二区| 精品永久久福利一区二区| 97久久精品无码一区二区天美 | 精品视频一区二区三区在线观看|