使用樣式預設
本文介紹如何在網站建立器中使用 Microsoft Dynamics 365 Commerce 網站樣式預設。
樣式預設是網站主題中所有可創作樣式值的存儲集。 它可用於立即將網站的外觀從網站建立器更改。 樣式預設使 Commerce 網站建立器作者能夠快速更改、預覽版和啟動其網站上的一組樣式值，而無需使用級聯樣式表 (CSS) 或部署主題。 字體樣式、按鈕樣式和網站顏色是可通過樣式預設管理的樣式變數的典型範例。
網站中可用的樣式變數集由部署到網站租戶的主題和模組庫決定。 在線 Dynamics 365 Commerce 軟體開發工具包 (SDK) 允許開發人員實現給定主題所需的盡可能多的 (或盡可能少的) 可創作樣式變數。 通過啟用更多樣式變數，主題開發人員可以將有關網站樣式的最終選擇交給網站建立器作者。 因此，非開發人員可以使用該工具集更新和預覽版網站樣式。 此功能對於直接更改主題或 CSS 將導致不必要的開銷的任何方案也很有用。
啟用了可創作樣式變數的主題需要預設樣式預設。 他們可以選擇將其他預設選項作為已部署主題包的一部分。 例如，可以部署具有單個預設「現代燈光」樣式預設的主題。 或者，除了預設預設之外，它還可能包括其他樣式預設選項，例如“現代深色”、“復古淺色”或“復古深色”。這些內置主題預設由開發人員創建，可用作新網站設計的起點。
在網站建立器中，作者可以在主題的內置預設中進行選擇，也可以使用啟用的樣式變數創建自己的樣式預設和自定義。 樣式預設在活動網站上啟動之前，可以在網站建立器中預覽。 查看作者的樣式更改後，可以將活動網站的樣式預設設置為“活動”。
預覽版樣式預設
要以網站建立器預覽版網站上的樣式預設，跟隨以下步驟。
在網站的左側導航窗格中，轉到“ 網站設置 > 設計”。
在設計編輯器頂部的樣式 預設選項卡上的 可用預設 清單中，選擇一個預設，然後選擇 查看 轉到預設編輯器。
如果「可用預設 」 清單中當前沒有預設，請參閱 創建自定義樣式預設 ，瞭解有關如何創建自定義樣式預設的資訊。
附註
主題中包含的預設由 內置 徽章指示。 這些內置預設是唯讀的。 若要將內置預設複製為新的可自定義預設，請選擇預設的省略號按鈕 (...)，然後選擇“ 另存為”。
在命令列上，選擇預覽版 。
從網站中選擇要用於預覽版樣式預設的 URL，然後選擇 確定。
通過選擇變體的名稱，選擇要預覽版的管道特定和區域設置特定的網址變體。 將打開一個新的預覽版瀏覽器視窗，其中選定的樣式預設將應用於指定的頁面。
附註
預覽版 URL 是永久性的，並且經過身份驗證。 因此，您可以複製、粘貼並將其發送給其他經過身份驗證的同事進行審閱，然後再在活動網站上將其設置為“活動”。 預覽版 URL 對於在不同設備、不同瀏覽器和不同螢幕上活存樣式也很有用。
提示
編輯樣式預設時，您可能會發現在單獨的瀏覽器視窗中將其預覽版瀏覽器視窗保持打開狀態會很有説明，這樣您就可以快速驗證更改。 將更改保存到預設後，刷新打開的預覽版瀏覽器視窗以驗證用戶體驗。
建立自訂樣式預設
要在網站建立器中建立自訂樣式預設，跟隨執行以下步驟。
- 在網站的左側導航窗格中，轉到“ 網站設置 > 設計”。
- 在設計編輯器頂部的樣式 預設 選項卡上的命令列上，選擇 新建預設。
- 輸入新預設的名稱和說明，然後選擇“ 保存”。 將創建一個新的可自定義預設，該預設使用主題的預設值作為起始指向。
附註
您還可以從任何現有預設創建新的自定義樣式預設，方法是選擇該預設的省略號按鈕 (...)，然後選擇另存 為。 或者，在預設編輯器的命令列上選擇另存 為 。
修改全域和模組類型樣式值
主題的某些樣式變數在多個模組類型之間共用。 這些樣式變數稱為 全域 樣式變數。 範例包括主要網站顏色、預設字體樣式和按鈕樣式。 通過設置全域變數，可以更改許多不同模組類型的外觀。
某些樣式值對於模組類型可能是唯一的，或者它們可能必須選擇性地覆蓋預設全域值。 如果網站的主題實現了模組類型樣式變數，則網站建立器作者可以獨立於全域設置自定義模組類型的樣式。 模組類型變數可以增強或覆蓋主題中的全域樣式變數。
附註
網站中樣式值的層次結構按以下方式運行。 樣式右側顯示較遠的值會覆蓋其左側的樣式值。
主題預設值 < 全域樣式值 < 模組類型樣式值 < CSS 覆寫
要在網站建立器中更改樣式預設的全域或模組類型值，跟隨以下步驟。
- 在網站的左側導航窗格中，轉到“ 網站設置 > 設計”。
- 在設計編輯器頂部的樣式 預設 」選項卡上，選擇 任何樣式預設的“查看 ”以轉到預設編輯器。
- 選擇預覽版 ，然後跟隨 URL 選擇步驟以打開預設的完整瀏覽器視窗預覽版。 使此預覽版瀏覽器視窗保持打開狀態。
- 在預設編輯器中，選擇右上角的編輯 。
- 使用編輯器中的樣式變數控件更改某些全域樣式值。
- 在編輯器頂部的“ 全域 ”選項卡右側的“ 模組 ”選項卡上，選擇必須設置樣式的模組類型。
- 使用樣式控制項更改模組類型的某些值。
- 當您準備好預覽版更改時，在命令列上選擇 保存 。
- 返回到打開的預覽版瀏覽器視窗，然後刷新它。 完整瀏覽器視窗預覽版對於在不同檢視斷點、不同瀏覽器和不同設備平臺上活存樣式更改非常有用。
- 完成並驗證所有更改後，選擇 編輯器右上角的“完成編輯 ”。
附註
如果您正在編輯網站上當前處於活動狀態的樣式預設，您將在編輯器中看到藍色 的活動 徽章。 此徽章表示預設當前在您的網站上上線。 如果更改活動預設，請選擇 “發佈” 以將這些更改推送到活動網站。
在活動網站上啟動新樣式預設
要將樣式預設設置為網站上的新活動預設，跟隨以下步驟。
在以下位置之一中選擇「 設為活動」按鈕 ：
- 樣式預設編輯器中的命令列
- “網站設置設計”的“預設”選項卡上主視圖 中任何可用預設的省略號功能表 ( ... ) 樣式 >
預設的樣式值在面向公眾的網站上處於活動狀態。