使用 CSS 覆寫檔案

發行項
12/11/2024

本文介紹為什麼、何時以及如何使用級聯樣式工作表 (CSS) 覆蓋檔中的檔 Microsoft Dynamics 365 Commerce。

永久網站樣式通常應通過網站的主題進行處理。主題為網站任何頁面上的模組提供基礎 CSS 設置和樣式設置。主題是使用 Dynamics 365 Commerce 線上軟體開發工具包 (SDK) 建立的，並通過 Microsoft Dynamics Lifecycle Services (LCS) 部署到您的網站。 SDK 中的主題調試功能和模組介面配置可幫助網站開發人員創建可自定義且有凝聚力的網站設計包。將這些設計包部署到網站時，網站作者可以專注於創建、編輯和發佈內容，而不是網站開發。

鑒於主題的通常生命週期，在某些情況下，依賴於開發人員通過 SDK 和 LCS 部署管線進行樣式更改可能會令人望而卻步。如果未配置 SDK，或者您沒有時間等待 LCS 部署，則網站原型或修補程式可能看起來很麻煩。

在這些情況下， CSS 覆蓋檔會有所説明。在 Commerce 創作工具中，經過身份驗證的使用者可以上傳 CSS 、預覽版檔，然後啟動檔以覆蓋網站的主題。不需要 SDK 或 LCS 部署的開銷。覆蓋 CSS 檔中指定的覆蓋可以小到對單個文本樣式的更改，也可以廣泛到完整的品牌大修。

在使用 CSS 替代檔之前，請注意以下限制：

一個網站上一次只能有一個 CSS 覆蓋檔處於活動狀態。因此，所有活動的替代都必須存在於單個替代檔中。
儘管您可以在 Commerce 創作工具中預覽版替代，但沒有專用的調試功能來幫助識別替代引入的任何 bug。換句話說，當您使用 CSS 替代檔時，您沒有 SDK 為模組和創作驗證提供的相同工具集。

儘管如此， CSS 覆蓋檔提供了一種在開發和部署完整主題更新之前對設計進行原型設計或實現修補程式的快速方法。

建立 CSS 覆寫檔案

要創建 CSS 覆蓋檔，可以使用任何整合開發環境 (IDE)、文字編輯器或原始程式碼編輯器。典型的方法是在瀏覽器中使用標準 Web 調試器來標識現有網站上樣式選擇器、屬性和值。大多數瀏覽器允許您更改值並在調試器中預覽版它們。確定要進行的更改后，可以將其保存到自己的 CSS 檔中。

上傳 CSS 覆寫檔案

若要在 Commerce 中將檔上傳 CSS 到您的網站，跟隨執行以下步驟。

在創作工具中，轉到您的網站。
在左側導航窗格中，選擇“ 設計”。

附註

根據您使用的 Commerce 創作工具的版本，您可能需要 展開導航窗格中的“設置 ”，然後才能選擇 “設計”。
在主設計窗格的頂部，選擇 CSS 替代 選項卡 (如果尚未選擇)。
在“ 可用替代”下 CSS ，選擇“上傳 檔 CSS ”。將出現「檔案資源管理器」視窗。
在文件資源管理器中，瀏覽並選擇一個 CSS 檔，然後選擇「打開」。上傳 CSS 的文件現在顯示在「可用 替代」 CSS 下。