品牌視覺與全站設定

概述

字體、配色、Logo、行動按鈕、社群連結與聯絡資訊，都是整個網站共用的品牌資產。您只需要設定一次，全站所有頁面、頁首、頁尾與模組就會自動套用同一套規範，不必逐頁重設。

先看懂三個全站設定入口

為了讓日常編輯與後台管理各司其職，全站層級的設定分為三個位置：

---

一、編輯網站 › 設計（全站字體、色彩、深淺色與圓角）

在編輯器開啟「設計」，修改時中央預覽畫布會即時呈現效果：

1. 多語系字體與 9 級字級

• 各語言獨立選字：「設計」面板會先顯示您網站主要語言的字體；展開「多語系字體」後，可分別為英文（約 170 款）、繁體中文（約 60 款）、簡體中文（約 30 款）、日文（約 70 款）與韓文（約 40 款）挑選專屬字體。所有字體皆由平台高速託管，目前不支援自行上傳字體檔。
• 標題與內文字級：可分別調整全站的 H1（主標題）、H2（段落標題）、H3（小標題）與「內文」預設大小（各有 9 個層級）。若只想針對某個模組的單一詞句放大縮小，請直接在模組文字框反白使用富文本工具列（見）。

2. 品牌主色、文字對比與外觀模式

3. 全站模組間距、圓角與回到頂部按鈕

• 模組間距（密度）：控制全站上下相鄰模組之間的預設留白，可選「標準」（從容呼吸感，適合大多數品牌與作品集）或「緊湊」（適合資訊量大的服務說明頁）。單一模組也可在自己的表單單獨覆寫間距。
• 圓角風格：一鍵統一全站按鈕、卡片、輸入框與圖片的邊角弧度，提供「俐落（偏方正）」「一般（預設平衡）」與「柔和（大圓角）」三種風格。
• 回到頂部按鈕：開啟後，訪客向下捲動頁面時右下角會浮現回到頂部按鈕（儲存即生效）。

---

二、編輯網站 › 品牌（共用按鈕、品牌關聯網址與商家資訊）

在編輯器開啟「品牌」（或在各模組表單點擊欄位旁的「前往設定」）：

1. 全站共用自訂按鈕（CTA）

在這裡建立的按鈕（例如「立即預約」「免費諮詢」「前往商店」），可供全站所有模組、重複勾選引用：

• 改一處、全站同步：日後若預約網址或活動連結改變，只要到「品牌」面板改一次這顆按鈕的網址，全站所有引用它的模組與導覽列都會一起更新，絕不漏改。
• 支援站內與外部目的地：按鈕可透過連結選擇器直接綁定站內頁面（含頁內 #錨點 跳轉）、商品、商品分類、部落格文章或外部網址，並可搭配前置圖示。
• 在模組內就地新增：編輯單一模組時，也可直接點選按鈕欄位右上角的 ＋新增按鈕 快速建立，系統會自動同步回這份共用清單。

2. 品牌關聯網址（社群連結）與圖示顏色

您可以把 Instagram、LINE、Facebook、Threads、YouTube、TikTok、X（Twitter）、WhatsApp、LinkedIn、Pinterest 等官方帳號網址集中填在這裡，並拖曳調整排列順序：

• 集中建立、各處自由勾選顯示：填好後，您可以在頁首（支援電腦／平板／手機三裝置分別勾選）、頁尾、頁面主視覺、，以及，透過膠囊按鈕自由點選該處要顯示哪幾個平台圖示！
• 圖示顏色（標準色 vs 自訂單色）：
  • 標準色（預設）：每個社群圖示顯示該平台官方的代表色。
  • 自訂顏色：若希望整排社群圖示融入您的極簡網站配色，可切換為「自訂顏色」，並為淺色模式與深色模式分別指定單一圖示顏色。
• 點擊數據自動追蹤：訪客點擊任一品牌關聯網址的次數，都會自動統計在中。

3. 商家聯絡資訊（地址、電話、Email、營業時間）

• 填寫後主要供與相關資訊模組顯示。
• 電話號碼請選擇正確國碼並輸入號碼，前台會依訪客語系自動格式化並支援手機點擊直接撥號。
• 商家資訊按下「儲存」後會立即更新公開網站，不需要另外按發布。

---

三、網站設定 › 一般（名稱、Logo、Favicon、語言、幣別與時區）

前往後台左側選單的「網站設定 › 一般」：

1. 網站名稱、雙模品牌標誌（Logo）與網站小圖示（Favicon）

• 網站名稱：顯示在頁首、頁尾、瀏覽器分頁標題、搜尋結果與系統通知信中。
• 品牌標誌（支援淺色／深色雙模式）：
  • 可選擇上傳圖片或挑選內建圖示。
  • 若您的網站外觀設為「跟隨系統」，建議切換到「深色模式」分頁另外上傳一張深色背景專用的淺色字 Logo（未上傳時深色模式會沿用淺色 Logo）。
• 網站小圖示（Favicon）：顯示在瀏覽器分頁標籤與書籤旁的小圖案。預設會依您的品牌標誌自動產生，您也可以關閉自動產生、改上傳自訂小圖示。

2. 網站內容語言、營業地點、網站幣別與時區

常用設定快速導航（不在本頁的項目去哪找？）

相關文件