如何使用主題管理？

Webayt內容管理系統 (CMS) 中的主題管理用於管理主題文件、當前主題以及決定網站外觀的主題設定。透過此部分，您可以查看可用主題、啟動主題、查看主題檔案以及編輯主題中使用的基本設計設定。

主題管理是網站視覺設計的關鍵環節。因此，在更改主題、編輯文件或更新主題設定時，請務必謹慎操作。

主題管理有什麼用途？

主題管理（Webayt）是內容管理系統 (CMS) 中用於管理網站設計基礎架構的區域。此部分控制網站將顯示的主題、主題文件的編輯方式以及主題中使用的一些顏色/字體設定。

在本節中，通常可以執行以下操作：

• 在面板中查看已載入的主題
• 啟動主題
• 查看當前主題
• 暫時使用主題模式
• 管理主題文件
• 編輯主題設定
• 更新主題中使用的顏色和字體變數。

如何存取主題管理頁面？

若要存取主題管理頁面，您可以點選Webayt管理面板左側選單中的「主題管理」連結。

主題管理

此頁麵包含兩個主要選項卡：主題和主題設定。

• 主題：本部分列出了面板上安裝的主題。
• 主題設定：您可以在此處調整目前主題中可用的常規字體和顏色設定。

如何使用“主題”選項卡？

在「主題」標籤中，系統上安裝的主題資料夾以卡片結構顯示。每個主題卡都包含相應主題的名稱和狀態。

目前使用的主題通常會以不同的顏色或指示器突出顯示。這樣可以輕鬆查看網站目前使用的是哪個主題。

主題控制選單可透過主題卡片開啟。根據主題狀態，此功能表可能包含「啟動」和「管理文件」等選項。

如何激活主題？

若要啟動您想在網站上使用的主題，您可以從相關主題卡的操作選單中使用「啟動」選項。

啟用主題後，網站前端將根據所選主題的結構進行顯示。因此，建議您在對主題進行任何更改之前，請確保所選主題運作正常且與您的網站結構相容。

目前啟動的主題通常會在主題清單中以綠色或特殊圖示顯示。這有助於您快速查看目前正在使用的主題。

什麼是主題模式？

在某些情況下，系統可能會專門為您的會話顯示某個主題。這種結構可用於在更改整個網站的活動主題之前測試或檢查特定主題。

啟用主題模式後，面板中可能會出現通知區域，提示相關主題僅在您目前會話期間顯示。在這種情況下，主題可能僅在您目前會話期間暫時顯示，而不會對所有訪客顯示。

要結束主題模式，您可以使用螢幕上的「關閉主題模式」按鈕。

「管理文件」選項的用途是什麼？

「管理文件」選項用於檢視和編輯相關主題的文件結構。您可以在此區域查看主題中的文件及其資料夾結構。

在「管理文件」視窗中，主題資料夾通常顯示在左側，所選文件的內容顯示在右側。這樣就可以直接透過面板檢視和編輯主題檔。

此區域可查看以下類型的文件：

• theme.json：這是主題的通用設定檔。
• 資源：此資料夾包含主題中使用的 CSS、JS、圖片或類似資源檔案。
• 已定義：可以包含主題中使用的已定義文字或系統值的檔案。
• 模組：此資料夾包含主題模組的外觀檔案。
• CSS 檔案：用於主題顏色、背景、字體和外觀設定。
• JS 檔案：用於主題內的互動行為。

編輯主題文件時應考慮哪些因素？

主題文件會直接影響網站的前端外觀。因此，在修改 HTML、CSS、JS 或主題設定檔時，請務必格外小心。

• 在編輯文件之前，請務必了解您要變更的內容。
• 避免不必要的修改，以免破壞程式碼結構。
• 儲存前請確保文件正確。
• 修改 CSS 或 JS 後，檢查網站前端。
• 如有必要，請在進行任何更改之前備份文件內容。
• 如果使用了緩存，請記住在進行更改後刷新相關緩存。

對目前主題文件所做的更改，尤其會立即影響網站的外觀。因此，對運行中的網站進行文件編輯操作時務必謹慎。

「主題設定」標籤的用途是什麼？

「主題設定」標籤用於編輯目前主題中使用的一些常規設計變數。

此選項卡中的值可用作主題中的變數。這樣，就可以根據面板中輸入的字體和顏色設定來自訂主題檔案中定義的結構。

主題設定部分通常包含以下設定：

• 主題選擇：顯示目前選定的主題。
• 字體：用於確定網站上要使用的字體系列。
• 主色：這是網站中可以使用的主要品牌顏色。
• 頁首背景顏色：可用於設定主題中的頁首背景顏色。
• 模組背景顏色：可用於設定模組的背景顏色。
• 模組背景顏色 2：可用作某些主題區域的第二種背景顏色。

如何使用字體設定？

「字體」欄位用於指定主題中可使用的字體資訊。例如，可以在此欄位中輸入Arial 或 sans-serif等字體定義。

如果主題檔案配置為使用此值作為變量，則從控制面板輸入的字體值可以反映在網站的相關區域中。

輸入字體值時，建議使用符合目前 CSS 字體系列結構的定義。

如何使用顏色設定？

主題設定部分中的顏色方案用於管理主題中使用的視覺變數。

例如，在「主色」欄位中輸入的顏色值可以套用於主題中的按鈕、連結、圖示或強調區域。同樣，標題和模組的背景顏色也會影響主題的相關部分。

顏色值通常以十六進位格式輸入。例如：

 #0F5B99
#ffffff
#f3f6fa

選擇顏色時，應考慮網站的品牌形象、可讀性和使用者體驗。

如何在主題中使用主題設定？

主題設定標籤中的字體和顏色欄位在主題文件中用作變數。這允許主題開發者在主題中動態使用從面板輸入的值。

例如，如果將主顏色、標題背景顏色或模組背景顏色等值定義為主題檔案中的變量，則在面板中所做的變更可能會反映在主題的相關區域中。

這種結構允許透過面板管理一些基本設計設置，而不是每次更改都直接編輯主題檔案。

更新主題設定後該做什麼？

在主題設定部分進行變更後，您需要點擊「儲存」按鈕來儲存設定。

建議您在修改後檢查網站前端。這樣可以查看顏色、字體和其他主題變數是否如預期顯示。

如果變更沒有立即在前端顯示，並且使用了緩存，則可能需要刷新相關頁面或網站的快取。

使用主題管理時需要考慮哪些因素？

主題管理是影響網站視覺結構的關鍵領域。因此，在此過程中執行的各項操作都應有計劃地進行。

• 在更改活動主題前，請先檢查目前主題。
• 如果您正在使用主題模式，請記住它可能僅適用於您的當前會話。
• 請注意，您在「管理文件」區域所做的變更可能會影響您網站的外觀。
• 編輯主題檔案時，請注意不要破壞 HTML、CSS、JS 和 JSON 結構。
• 在選擇主題設定中的顏色時，請考慮可讀性和品牌一致性。
• 請根據有效的CSS字體系列結構輸入字體值。
• 修改完成後，請檢查網站前端。
• 如果使用了緩存，請在必要時刷新快取。

概括

主題管理是 Webayt CMS 中用來管理網站外觀和主題基礎架構的部分。您可以在這裡查看已安裝的主題、啟動主題、管理主題檔案以及編輯主題設定。

主題設定標籤中的字體和顏色值可以用作主題文件中的變數。這樣，可以透過控制面板更輕鬆地管理主題中的一些設計設定。