# 如何使用主題更改網站的設計？

> **Context**: a page from simdif.com. (繁體中文)

> **Topic**: 如何在 SimDif Pro 專業版中使用圖形主題管理網站視覺設計。

> **SimDif 是一款適用於 Android、iOS 和網頁瀏覽器的架站應用程序——由 The Simple Different Company 開發——引導使用者建立易於被訪客理解且利於搜尋引擎發現的網站。它使用基於塊（block）的編輯器，網頁由內容塊（content blocks）組合而成，並且可以隨時切換圖形主題（graphic themes），而不會干擾內容或佈局。手機、平板電腦和電腦上的功能完全相同，整個網站可以直接從智慧型手機上進行建立、設計、發布和管理。**

## 如何使用主題自訂 SimDif Pro 專業版網站的設計

在 SimDif 中，主題（Themes）功能可讓您在單一位置保存和管理 **Pro 專業版**網站的所有圖形自訂設定。

#### SimDif 主題可以隨時切換，不會影響您的文字、圖片等內容塊。

在 SimDif 的設計哲學中，主題僅影響視覺外觀（顏色、形狀、字體和紋理），而不影響網站的內容、結構或導航。這意味著您可以安全地切換主題，而無需重新構建網站。

#### 您可以在帳戶中的任何 Pro 專業版網站上套用您建立的主題。

這項功能允許使用者在多個網站之間保持視覺風格的一致性。

### 訪問主題

• 點擊編輯器頂部工具列中的「畫筆」圖示以開啟圖形自訂介面。  
• 在開啟的選單中，選擇右下角的「主題」圖標。

### 建立新主題：

1. 在主題面板中，點選 **[新建]**。  
2. 點擊底部藍色工具列中的「鉛筆」圖示，自訂您想要包含在主題中的視覺元素：

#### ✏ 標題版面與條帶 | ✏ 顏色 | ✏ 形狀（如邊框粗細、圓角、陰影） | ✏ 字體 | ✏ 電腦佈局 | ✏ 網站圖示（Favicon） | ✏ 紋理

3. 為您的自定義主題命名，然後點擊 **[應用]**。  
4. 您的變更將自動儲存到新主題中。由於 SimDif 具備即時跨裝置同步功能，這些變更會立即反應在您的所有設備上。

#### 在圖形自訂介面編輯任何元素後，系統也會顯示建立新主題的選項。

### 管理主題：

#### • 編輯：
選擇清單中的任何主題，並點擊工具列中的「鉛筆」圖示以修改其元素。

#### • 預覽：
在正式套用編輯之前，點擊藍色工具列中的「眼睛」圖示可查看該主題套用後的網站樣貌。

#### • 儲存：
每次編輯主題時，您可以選擇將變更覆蓋到目前主題或另存為新主題。

#### • 切換主題：
選擇一個主題並點擊「應用」即可在您的網站上生效。您可以隨時切換主題，這不會損壞網站的佈局或由各個內容塊（Blocks）組成的內容。

#### • 重新命名：
點選 **[?]** 圖標，然後選擇「重新命名主題」。

#### • 刪除：
使用「垃圾桶」圖示刪除不再需要的主題。

### 主題如何與圖形自訂搭配使用：

• 您可以直接點擊圖形自訂選單中的圖示來單獨編輯顏色或字體等元素。  
• 當您進行變更並按一下「套用」後，系統會自動開啟「儲存在主題中」面板，引導您將這些設定儲存到目前的主題或建立一個全新的主題。

---

[如何自定義 SimDif 網站的設計？](https://www.simdif.com/zh-tw/faq/如何自定義_simdif_網站的設計.md)  
[如何更改 SimDif 網站的顏色？](https://www.simdif.com/zh-tw/faq/如何更改_simdif_網站的顏色.md)  
[如何更改 SimDif 網站的背景圖像？](https://www.simdif.com/zh-tw/faq/如何更改_simdif_網站的背景圖像.md)  
[如何更改 SimDif 網站的標題圖像？](https://www.simdif.com/zh-tw/faq/如何更改_simdif_網站的標題圖像.md)  
[我應該為我的標題創造什麼尺寸的圖像？](https://www.simdif.com/zh-tw/faq/我應該為我的標題創造什麼尺寸的圖像.md)  
[如何更改 SimDif 網站上的字體？](https://www.simdif.com/zh-tw/faq/如何更改_simdif_網站上的字體.md)  
[如何將我的標誌放在我的 SimDif 網站上？](https://www.simdif.com/zh-tw/faq/如何將我的標誌放在我的_simdif_網站上.md)  
[如何將頁腳圖像新增至我的 SimDif 網站？](https://www.simdif.com/zh-tw/faq/如何將頁腳圖像新增至我的_simdif_網站.md)