主題設定：無需程式碼即可自訂顏色與字體
ArcBlock 很高興推出 Theming，這是我們全新的視覺化主題編輯器，讓專業的色彩與排版設計觸手可及。無論您是想匹配品牌色彩、增強可讀性，還是創造更具吸引力的視覺體驗，Theming 都能讓您在無需任何技術知識的情況下自訂網站外觀。
注意：主題設定功能需要 管理員權限。
什麼是 Theming？
Theming 是一個視覺化編輯器，專注於對網站外觀最重要的元素：色彩與排版。它旨在幫助您建立協調、專業的配色方案，並選擇能增強可讀性且定義品牌風格的字體。
介面分為三個直觀區域：
- 頂部標題列： 儲存更改、切換主題以及存取其他快速操作。
- 左側面板： 這是您自訂顏色、字體和樣式的控制中心。
- 右側面板： 您的即時預覽，您可以在此立即看到每個更改的效果。
完整轉型：Discuss Kit 論壇
讓我們來看看 Theming 的實際運作。我們將以標準的 Discuss Kit 論壇為例，將其預設的顏色和排版轉變為真正特別的樣貌——一個反映現代社群、充滿活力且具吸引力的設計。
步驟 1：開始使用
從您的管理後台導覽至 Dashboard → Website → Theming 以存取 Theming。編輯器將在即時預覽面板中載入您目前的網站。對於 Discuss Kit，您會看到具有預設白色背景、黑色文字和標準綠色點綴的論壇。
步驟 2：色彩轉型
左側面板的第一個區塊是 色彩 (Color)。您會發現代表網站不同元素的直觀色塊，而不是令人困惑的十六進位代碼：用於按鈕和連結的主色、用於點綴的輔助色，以及用於文字和背景的中性色。
讓我們為 Discuss Kit 建立一個更具吸引力的配色方案。點擊 主色 (primary color) 色塊以開啟強大的檢色器。您可以從預定義的調色盤中選擇、使用色輪，或輸入您的特定品牌顏色。當您選擇顏色時，預覽面板會即時更新。您還可以在淺色和深色模式之間切換，以確保您的主題在任何環境下都看起來完美。
當您選擇顏色時，預覽面板會立即更新。您也可以在淺色和深色模式之間切換，查看您的主題在不同環境下的外觀。
步驟 3：會說話的排版
接下來，讓我們完善排版。排版 (Typography) 區塊讓您可以存取數千種 Google 字體，並提供即時預覽，讓您確切看到它們在網站上的呈現效果。
對於像 Discuss Kit 這樣的論壇，您會需要現代且高度可讀的字體。為標題選擇簡潔的無襯線字體以吸引注意力，並為內文選擇互補且易於閱讀的字體。預覽會立即顯示這些選擇如何影響整個網站的可讀性。
步驟 4：最後修飾
為了進行最後的潤飾，請調整 邊框圓角 (border radius)。這個簡單的滑桿讓您可以為按鈕、卡片和容器提供現代、略微圓潤的外觀。即時預覽可幫助您立即在銳利和圓潤的角之間找到完美的平衡。
步驟 5：大功告成
一旦您對顏色和排版調整感到滿意，只需點擊 儲存 (Save) 按鈕。您的新主題將立即套用到您的正式網站。無需等待，無需部署排隊，也沒有技術障礙。
為什麼 Theming 適合每個人
Theming 如此強大的原因在於其簡單性。它是為每個人設計的，而不僅僅是設計師和開發者。以下是它運作良好的原因：
- 即時預覽： 每個更改都清晰可見。所見即所得。
- 視覺化控制： 您使用直觀的視覺元素，而不是複雜的程式碼或設定。
- 智慧預設： 系統提供智慧起點，因此您永遠不必從零開始。
- 無需程式碼： 您不需要了解 CSS、色彩理論或網頁開發，就能建立美觀且專業的網站。
進一步探索 Theming
雖然這個範例涵蓋了基礎知識，但 Theming 為進階使用者提供了更多功能。您可以為不同季節或活動建立並儲存多個主題，並使用鍵盤快速鍵等進階功能來加快工作流程。
準備好開始了嗎？
- 探索文件： 有關詳細的技術資訊和進階功能，請查看我們全面的 Theming 文件。
- 分享您的回饋： 有建議或問題嗎？請造訪 ArcBlock 社群 分享您的想法。我們隨時為您提供協助！
- 幫助我們改進： 加入我們的 Bug Bounty 計畫，幫助我們發現問題並為每個人增強 Theming。
本頁涉及
產品
-
Blocklet Server
superseded
把 blocklet 作為子行程託管的伺服器。這項工作在 ARC 裡繼續；子行程託管這個模型不再往下走。
-
DiscussKit
improving
用於文件、討論和動態的應用。DiscussKit 正在作為獨立產品持續改進，部分能力也已納入 ARC。