網站操作手冊
已完成
Part 3
右側三頁籤 ③「設計主題」=全站樣式。(①內容區塊、②自訂 見 Part 5。)
① 配色(主要色票 + 淺色/深色) ② 切換主題(換整套風格) ③ 段落/標題字體 ④ 按鈕樣式。
① 字體系列(段落內文字型) ② 內建字型清單 ③ 目前選用(打勾者)。改這裡=全站內文字型一起換。
① 警告文字:更改主題需離開編輯器、會重置你所有的顏色自訂設定 ② 確定(繼續換) ③ 取消(保留現狀)。
佈景主題:一次改變全站的顏色與字型
「佈景主題(Theme)」決定整個網站的整體長相:主色調、字型、按鈕樣式。改這裡是「牽一髮動全身」——改一次,全站每一頁都跟著變。這和 Part 5 的「改單一頁面」不同,要分清楚。
路徑:進入網站 › 右上 編輯 › 右側頁籤 設計主題
A. 這一章的流程
① 按編輯
→
② 設計主題頁籤
→
③ 調配色/字型/按鈕
→
④ 儲存
B. 逐步操作
1
按「編輯」進入編輯器
進網站 → 右上「編輯」。右側面板頂端有三個頁籤,最右邊「設計主題」就是本章要用的:
2
「設計主題」頁籤裡有什麼
點「設計主題」,這裡集中了全站樣式:
| 區塊 | 可調什麼 | 影響範圍 |
|---|---|---|
| 配色 | 主要色、次要色、5 個色票;預設色彩組合 | 全站按鈕、連結、強調色 |
| 段落 / 標題 | 字型大小、字體系列、行高、間距 | 全站內文與標題字型 |
| 按鈕 | 主/次要按鈕樣式、圓角、內邊距 | 全站所有按鈕外觀 |
| 網站 | 排版佈局(填滿/置中)、背景 | 整體版面寬度與底色 |
💡 先改配色,最有感多數品牌只要把「主要色」改成品牌色,整站按鈕與連結就立刻換上企業識別色,CP 值最高。
3
換全站字型
在「段落」或「標題」的「字體系列」下拉,可挑選內建字型(Roboto、Noto Serif…)或新增自訂字型:
💡 中文字型內建字型多為英文設計;中文網站可用「新增自訂字型」載入合適的中文字型,避免中文顯示為系統預設樣式。
4
切換整套主題(會有警告)
若想換一整套風格,按「網站 → 切換主題」。系統會跳出重要警告:
⛔ 注意事項(切換主題不可逆的代價)
- 切換主題會重置你之前調過的所有顏色自訂。已經細調過品牌色的網站,換主題後要重調。非必要別隨意換主題。
- 切換主題會先儲存並離開編輯器。確定前先確認目前的編輯都想保留。
- 只想微調顏色/字型 → 用「設計主題」頁籤即可,不需要切換整套主題。
如何查到
全站樣式:編輯 › 設計主題。切換整套:設計主題 › 網站 › 切換主題。若找不到「設計主題」頁籤,代表你還沒按「編輯」進入編輯器。