跳至內容

Part 3 · 佈景主題:一次改變全站的顏色與字型

Part 3

佈景主題:一次改變全站的顏色與字型

「佈景主題(Theme)」決定整個網站的整體長相:主色調、字型、按鈕樣式。改這裡是「牽一髮動全身」——改一次,全站每一頁都跟著變。這和 Part 5 的「改單一頁面」不同,要分清楚。

路徑:進入網站 右上 編輯 右側頁籤 設計主題

A. 這一章的流程

① 按編輯
② 設計主題頁籤
③ 調配色/字型/按鈕
④ 儲存

B. 逐步操作

1
按「編輯」進入編輯器

進網站 → 右上「編輯」。右側面板頂端有三個頁籤,最右邊「設計主題」就是本章要用的:

編輯器右側三頁籤,設計主題在最右
右側三頁籤 ③「設計主題」=全站樣式。(①內容區塊、②自訂 見 Part 5。)
2
「設計主題」頁籤裡有什麼

點「設計主題」,這裡集中了全站樣式:

設計主題頁籤:配色、字型、按鈕
① 配色(主要色票 + 淺色/深色) ② 切換主題(換整套風格) ③ 段落/標題字體 ④ 按鈕樣式。
區塊可調什麼影響範圍
配色主要色、次要色、5 個色票;預設色彩組合全站按鈕、連結、強調色
段落 / 標題字型大小、字體系列、行高、間距全站內文與標題字型
按鈕主/次要按鈕樣式、圓角、內邊距全站所有按鈕外觀
網站排版佈局(填滿/置中)、背景整體版面寬度與底色
💡 先改配色,最有感多數品牌只要把「主要色」改成品牌色,整站按鈕與連結就立刻換上企業識別色,CP 值最高。
3
換全站字型

在「段落」或「標題」的「字體系列」下拉,可挑選內建字型(Roboto、Noto Serif…)或新增自訂字型:

字體系列下拉選單
① 字體系列(段落內文字型) ② 內建字型清單 ③ 目前選用(打勾者)。改這裡=全站內文字型一起換。
💡 中文字型內建字型多為英文設計;中文網站可用「新增自訂字型」載入合適的中文字型,避免中文顯示為系統預設樣式。
4
切換整套主題(會有警告)

若想換一整套風格,按「網站 → 切換主題」。系統會跳出重要警告

切換主題確認:會重置顏色自訂
① 警告文字:更改主題需離開編輯器、會重置你所有的顏色自訂設定 ② 確定(繼續換) ③ 取消(保留現狀)。
⛔ 注意事項(切換主題不可逆的代價)
  • 切換主題會重置你之前調過的所有顏色自訂。已經細調過品牌色的網站,換主題後要重調。非必要別隨意換主題。
  • 切換主題會先儲存並離開編輯器。確定前先確認目前的編輯都想保留。
  • 只想微調顏色/字型 → 用「設計主題」頁籤即可,不需要切換整套主題。
如何查到 全站樣式:編輯 › 設計主題。切換整套:設計主題 › 網站 › 切換主題。若找不到「設計主題」頁籤,代表你還沒按「編輯」進入編輯器。
評分
0 0

暫時沒有留言。

成為第一個留言的人。