---
title: 如何自訂網站主色
description: 開啟站點後，想必您可能會疑惑，要如何設定網站的主色呢？以更符合您公司的「色彩」，讓人一看便覺得親切，Anna 來告訴您一個小技巧「如何設定網站色系」。 您可進入後台選擇「網站管理」>「參數設定」的「theme」主題區塊欄位進行設定。 theme.@primary-color：網站主色調 點擊儲存，網站主色設定完成 🎉   主色設定完成後，前台網站將可以查看到主色的出沒唷～ （例如：分類標籤、標題
---

[跳到內容](https://help.kolable.com/migration/zh-tw/learn/自訂網站色系#main-content)

中文 - 繁體

顯示翻譯的子功能表

[客戶入口網站](https://help.kolable.com/support?hsLang=zh-tw)

![kolable\_logo.png\]](https://help.kolable.com/hs-fs/hubfs/kolable_logo.png?height=40&name=kolable_logo.png)

開啟主要導覽

關閉主要導覽

- 中文 - 繁體
  
  顯示翻譯的子功能表
- [客戶入口網站](https://help.kolable.com/support)

 你需要哪方面的協助？

- 搜尋欄位為空，無法提供建議。

1. [Learn KOLABLE](https://help.kolable.com/migration/zh-tw/learn?hsLang=zh-tw)
2. [教學手冊](https://help.kolable.com/migration/zh-tw/learn/%E6%95%99%E5%AD%B8%E6%89%8B%E5%86%8A?hsLang=zh-tw)
3. [開始建立 Edit](https://help.kolable.com/migration/zh-tw/learn/%E6%95%99%E5%AD%B8%E6%89%8B%E5%86%8A?hsLang=zh-tw#%E9%96%8B%E5%A7%8B%E5%BB%BA%E7%AB%8B-edit)

# 如何自訂網站主色

![cover](https://static.kolable.com/post_covers/support/f462da38-6715-4c13-9287-13e34949e9e9/dfe74057-8f70-41af-ad3a-241b5496a477/1080)

### 如何自訂網站主色

開啟站點後，想必您可能會疑惑，要如何設定網站的主色呢？以更符合您公司的「色彩」，讓人一看便覺得親切，Anna 來告訴您一個小技巧「如何設定網站色系」。

您可進入後台選擇「網站管理」\>「參數設定」的「theme」主題區塊欄位進行設定。![](https://static.kolable.com/images/support/editor/cbbec0a7-9a74-4eb5-87ef-b5d41bb0ed57/1200)

theme.@primary-color：網站主色調

點擊儲存，網站主色設定完成 🎉

 

主色設定完成後，前台網站將可以查看到主色的出沒唷～

（例如：分類標籤、標題字詞、滑鼠Hover至文字上顯示顏色）

 

影響如：

- 標籤  
  ![](https://help.kolable.com/hubfs/Screenshot%202023-10-20%20at%204-34-23%20PM-png.png)
- 類別  
  ![](https://help.kolable.com/hubfs/Screenshot%202023-10-20%20at%204-35-09%20PM-png.png)
- 圖示  
  ![](https://help.kolable.com/hubfs/Screenshot%202023-10-20%20at%204-35-32%20PM-png.png)
- 課程單元  
  ![](https://help.kolable.com/hubfs/Screenshot%202023-10-20%20at%204-36-35%20PM-png.png)
- 價格＆按鈕  
  ![](https://help.kolable.com/hubfs/Screenshot%202023-10-20%20at%204-39-37%20PM-png.png)

 

- [使用手冊](https://help.kolable.com/migration/zh-tw/learn/%E4%BD%BF%E7%94%A8%E6%89%8B%E5%86%8A?hsLang=zh-tw)
- [常見問題](https://help.kolable.com/migration/zh-tw/learn/%E5%B8%B8%E8%A6%8B%E5%95%8F%E9%A1%8C?hsLang=zh-tw)
- [教學手冊](https://help.kolable.com/migration/zh-tw/learn/%E6%95%99%E5%AD%B8%E6%89%8B%E5%86%8A?hsLang=zh-tw#main-content)

    - [入門資訊 Before Started](https://help.kolable.com/migration/zh-tw/learn/%E6%95%99%E5%AD%B8%E6%89%8B%E5%86%8A?hsLang=zh-tw#%E5%85%A5%E9%96%80%E8%B3%87%E8%A8%8A-before-started)
    - [開始建立 Edit](https://help.kolable.com/migration/zh-tw/learn/%E6%95%99%E5%AD%B8%E6%89%8B%E5%86%8A?hsLang=zh-tw#%E9%96%8B%E5%A7%8B%E5%BB%BA%E7%AB%8B-edit)
- [百科全書](https://help.kolable.com/migration/zh-tw/learn/%E7%99%BE%E7%A7%91%E5%85%A8%E6%9B%B8?hsLang=zh-tw)

[![kolable-logo](https://help.kolable.com/hubfs/KOLABLE.svg "kolable-logo")](https://kolable.com)

版權所有 © 2026，台灣數位遊牧者協會