自訂文件網站的外觀

外觀 (Appearance) 可控制讀者看到的網站樣貌：標誌與網站圖示、品牌顏色、字體、圓角形狀、預設的淺色或深色主題，以及首頁的標題。每一項變更都會在進行時即時預覽，並在下次發佈時正式生效。

開始之前#

• 擁有者、管理員和編輯者可以變更外觀。其他人會看到「只有管理員和編輯者可以變更網站外觀」。
• 已暫停的網站為唯讀狀態：「此網站已暫停。請恢復網站以變更其外觀」。
• 網站名稱是在 設定 (Settings) → 一般 (General) 中設定，而非此處。

變更外觀#

1. 開啟外觀設定#

   開啟你的文件網站，並前往 網站 (Site) 下方的 外觀 (Appearance)。表單位於左側，即時預覽 (Live preview) 位於右側。若視窗較窄，請點擊 預覽 (Preview) 將其開啟。

   

2. 進行變更#

   依照下方的章節進行操作。當你輸入時，預覽畫面會隨之更新。

3. 檢查預覽#

   在 桌面版 (Desktop) 與 手機 (Phone)、淺色 (Light) 與 深色 (Dark) 主題，以及 首頁 (Home) 與 文章 (Article) 頁面之間切換預覽。

4. 儲存並發佈#

   上方列會顯示 有未儲存的變更 (Unsaved changes)，包含 放棄 (Discard) 與 儲存 (Save) 按鈕。點擊 儲存 (Save)，然後 發佈網站 即可讓新外觀正式上線。若已開啟自動發佈，幾分鐘後網站會自動更新。

如果你在有未儲存變更的情況下離開頁面，Clevera 會在變更遺失前詢問你。

標誌與網站圖示#

「PNG、JPG、WebP 或 SVG 格式，上限 2 MB。」

每個欄位都有 上傳 (Upload)、取代 (Replace) 和 移除 (Remove) 功能。「如果你未上傳深色標誌，我們會在深色背景上使用淺色標誌。除非你另外上傳，否則網站圖示將取自你的標誌。」

顏色#

「用於按鈕、連結和強調顯示的單一品牌顏色。」

• 點擊 8 個色票中的一個，或使用顏色選擇器來「挑選或貼上任何顏色」，例如使用十六進位值 #2563eb。預設值為 #4f46e5。
• 開啟 設定深色模式顏色 (Set a dark-mode colour) 以選擇深色背景下使用的顏色。若關閉：「否則我們會調亮你的顏色以適應深色背景」。產生的顏色會顯示為 自動 (Auto) 及其十六進位值。
• 下方的對比度說明會檢查你的連結。「連結在淺色和深色背景上皆清晰易讀」表示沒問題；「連結可能難以閱讀。我們會稍微調深它們」表示網站會為了可讀性調整連結顏色。

字體排版#

「適用於各種語言的熱門字體組合，或任何 Google 字體。」

若要使用其他字體，請點擊 更多字體… (More fonts…) 並為 標題 (Headings)、內文 (Body text) 或兩者選擇任何 Google 字體。清單會優先顯示最熱門的字體；你可以輸入名稱進行搜尋。每種字體都會顯示其風格：無襯線體 (Sans)、襯線體 (Serif)、顯示 (Display)、手寫字體 (Handwriting) 或 單聲道 (Mono)。

「任何 Google 字體。我們會在你的網站上託管它，因此讀者無需從 Google 載入。若字體缺乏某些語言的字元，將會使用預設組合。」因此，如果你的字體沒有日文字元，日文頁面將會回退到你選擇的組合字體。

形狀與主題#

首頁標題#

首頁 (Home) 設定「網站首頁的頂部」。

標題 (Title) 和 副標題 (Subtitle) 可依語言設定：開啟欄位下方的 其他語言 (Other languages)，或點擊 翻譯為所有語言 (Translate to all languages) 免費填入缺失的內容。未設定語言的頁面將顯示預設語言的文字。

背景#

「文字顏色會自動調整以保持可讀性，適用於淺色和深色模式。」對比度讀數（例如「標題對比度 · 淺色 7.1:1 · 深色 9.4:1」）會顯示標題的易讀程度。

圖案會採用你的品牌顏色，且適用於所有方案。你自己的圖片 (Your own image) 需要 Starter 或更高方案：「PNG、JPG 或 WebP 格式，上限 8 MB。寬幅圖片效果最佳；我們會為讀者調整大小並壓縮。」它會「取代圖案顯示，並調暗以確保標題清晰可讀」。

徽章#

顯示「Powered by Clevera」 會在頁尾加入「一個小徽章」。

各方案包含的內容#

請參閱 文件網站方案與限制 以了解其他詳細資訊。

疑難排解#

相關內容#