附註
Dynamics 365 Commerce 的零售興趣群組已從 Yammer 移至 Viva Engage。 如果您無法存取新的Viva Engage社群,請填寫此表單 (https://aka.ms/JoinD365commerceVivaEngageCommunity) 以新增,並繼續參與最新的討論。
本文說明如何為您的 Microsoft Dynamics 365 Commerce 網站新增網站小圖示。
網站小圖示是一個會出現在網頁瀏覽器分頁、地址列、瀏覽歷史,以及書籤或收藏中的小型圖形檔案。 在你的網站中加入一個網站圖標,以表示並強化你的品牌,並幫助你的網站與客戶造訪的其他網站區分開來。
雖然您可以為網站新增多個不同尺寸與檔案類型的網站圖示,本文僅示範如何新增單一網站圖示。 然而,新增其他網站圖示的流程與位置相同。
將網站圖示上傳至您網站的資產集合
要將 favicon 上傳到你的網站的資產集合中,請遵循以下步驟:
在左側瀏覽窗格中,選取媒體庫。
在命令列上,選取上傳>上傳媒體項目。
在「檔案總管」視窗中,瀏覽至您要上傳的網站圖示圖檔,選取它,然後選取開啟。
在上傳媒體項目對話方塊中,輸入所需的標題和替代文字。
若您希望在上傳後立即發佈圖片,請勾選上傳後發佈媒體項目核取方塊。
附註
若未勾選上傳後發佈媒體項目核取方塊,您必須返回媒體項目頁面,稍後手動發佈網站圖示。
請選取確定。
在右側的屬性窗格中,複製網站圖示的公開 URL。 您稍後會使用這個 URL。
建立網站圖示的 HTML
若要建立網站圖示的 HTML,請使用以下 HTML 字串。 對於 href 屬性,將 Public_URL_for_your_favicon 替換為您先前複製的公開 URL。
<link rel="shortcut icon" href="Public_URL_for_your_favicon">
建立包含網站圖示中繼標籤的片段
要建立包含 favicon 元標籤的片段,請遵循以下步驟:
- 前往片段,然後選取新增。
- 在新增片段對話方塊中,選擇中繼標籤作為片段所基礎的模組。
- 輸入片段名稱,然後選取確定。
- 在片段階層樹中,選取預設中繼標籤子項目。
- 在右側窗格的中繼標籤下,選取新增,然後輸入您先前為網站圖示建立的 HTML 字串。
- 選取完成編輯,然後選取發佈以發佈片段。
將中繼標籤片段新增至頁面的 HTML 標頭區段
要將元標籤片段加入頁面的 HTML 標題 區塊,請依照以下步驟操作:
- 到 範本,打開你想加入 favicon 頁面的範本,然後選擇 編輯。
- 在範本階層樹中,選取 HTML 標頭容器右側的省略號 (…) 按鈕,然後選取新增片段。
- 在選取片段對話方塊中,選取您先前建立的中繼標籤片段,然後選取確定。
- 選取完成編輯,然後選取發佈以發佈範本。
附註
若您的網站使用多個範本,則必須將中繼標籤片段新增至所有範本。
當你預覽基於你加入了元標籤片段的範本所生成的頁面時,現在應該可以在瀏覽器標籤頁上看到該網站的圖示。