使用樣式手冊設計網站

透過本指引，你會了解如何使用樣式手冊來預覽樣式變更對區塊顯示內容的影響，而無須將這些區塊插入網站。

此功能適用於使用 WordPress.com 進階版、商用版和電子商務版方案，以及舊版專業版方案的網站。若是採用免費和個人版方案的網站，只要升級方案，即可存取此功能。

樣式手冊會顯示範例，示範在儲存對網站樣式所做的變更後所有可用區塊的模樣。

1. 前往網站的儀表板。
2. 瀏覽至「外觀」→「編輯器」。
3. 在左側選單中選取「樣式」。
4. 按一下「樣式」文字右側的眼睛圖示。(你可以再按一下該圖示，即可返回編輯器。)

你也可以在編輯任何頁面、範本或範本組件時開啟樣式手冊。這些是以上影片概覽中所用的步驟。請依照下列步驟操作：

1. 前往網站的儀表板。
2. 瀏覽至「外觀」→「編輯器」。
3. 編輯頁面、範本或範本組件。
4. 按一下編輯器頂端工具列中的「樣式」圖示 (一個半黑半白的圓形圖案)。
5. 按一下「樣式手冊」圖示 (看起來像眼睛的圖示)，即可開啟樣式手冊。(你可以再按一下該圖示，即可返回編輯器。)

開啟「樣式手冊」後，即可預覽和變更顏色配置和文字設計，並透過範例了解每項變更對特定文字、區塊、媒體等的影響。

在「樣式」面板右側，可以預覽網站上不同類型的元素 (顏色、文字設計、按鈕、圖片等)。若要編輯特定元素的樣式：

1. 按一下畫面右側預覽中的元素 (顏色、文字設計等)。
2. 在左邊的「樣式」面板下編輯元素的樣式。
3. 按一下元素名稱旁的「上一步」箭頭，即可返回完整的元素清單，然後選取另一個要設定樣式的元素。

4. 完成後，按一下「設計」面板底端的「檢閱變更…」按鈕，即可檢閱與儲存變更。

若要結束而不儲存變更，請按一下「設計」面板左上角的圖示，然後選取「離開而不儲存變更」的選項。