heritage 佈景主題
這是 Zittme 預設佈景主題 heritage 的詳細手冊。heritage 自 0.0.02 起隨核心一併提供，是官方佈景主題。它以範本 v2 重新撰寫 XE 時期預設版面的結構（上方兩層選單 · 視覺輪播 · 子頁 LNB），並依現今標準重新設計。預設支援深色模式與響應式。
組成
| 元件 | 名稱 | 用途 |
|---|---|---|
| 版面 | heritage_default | 整個網站的骨架（頁首 · 選單 · 視覺 · 內文 · 頁尾） |
| 討論區面板 | heritage_default | 討論區列表・閱讀・撰寫・留言 |
| 會員面板 | heritage_default | 登入 · 註冊 · 我的頁面 · 帳號查詢 |
| 站內信面板 | heritage_default | 站內信箱 |
| 電商面板 | heritage_default | 購物網站畫面（安裝電商模組時） |
所有元件共用相同的設計權杖（色彩 · 字型 · 間距），因此無論切換到哪個畫面，風格都保持一致。預設字型為 Pretendard。
套用方式
- 前往 管理員 > 設計設定。
- 在佈景主題清單中選擇 heritage，然後按下套用。
- 版面與各模組面板會一次套用完成。若要排除特定元件，請在套用畫面中取消勾選。
- 在 管理員 > 網站選單編輯 中開啟選單項目。
- 在 class 輸入欄填入
m、sl、sf其中之一。 - 儲存後，透過該選單進入的頁面就會以對應類型顯示。
- 未指定 class 的選單會依照版面設定的 版面形式（預設值：子頁）。
- 在子選單填入 class 時，該頁面以子選單的值優先於上層；子選單未指定時，則繼承上層選單的 class（最多 3 層）。
- class 欄位也可以與其他 class 以空格並列。例如：
sf highlight - 會員 · 站內信 · zittme Pay · 整合搜尋畫面若未指定 class，會自動使用全寬。
- 視覺顯示「僅限主頁形式」（預設）+ 首頁選單設為
m：只在首頁顯示輪播的一般配置 - 視覺顯示「子頁也顯示」：不論類型，所有頁面上方都會顯示輪播
- 視覺顯示「不使用」：任何地方都不顯示
- 顯示在網站選單編輯中連結到「上方選單」（gnb）的項目，最多支援 3 層。滑鼠移到第 1 層選單上時會展開子選單。
- 選單列顏色（深色/重點色/淺色）與寬度（內文寬度/全寬）可在版面設定的基本群組中變更。
- 右上角會顯示登入/登出、深色模式切換按鈕與整合搜尋框。
- 列表顯示形式依照討論區設定。
- 留言數會以 [N] 顯示在標題旁。
- 新文章（N）標章依照討論區設定的「新文章顯示時間」（預設 24 小時）。
- 強調色與版面的重點色連動。
- 色彩模式為「自動」時，會依照訪客裝置的淺色/深色設定，訪客也可以用頁首的切換按鈕自行變更（依裝置儲存）。
- 討論區 · 會員 · 站內信 · 電商面板也會一併切換。
- 若 Logo 圖片在深色背景上看不清楚，建議使用透明背景的 Logo，而非淺色背景專用的 Logo。
- 視覺輪播沒有出現：請依序確認 ① 是否已登錄 1 張以上的投影片 ② 視覺顯示是否不是「不使用」③ 目前頁面是否為主頁型（
m）（顯示設定為「僅限主頁形式」時）。 - 左側選單（LNB）沒有出現：頁面必須是子頁型（
sl），且目前的第 1 層選單必須有子選單。 - 深色模式沒有套用：請確認色彩模式是否被固定為「永遠淺色」。
- 部分模組畫面是預設設計：請確認該模組設定中的面板是否選擇了 heritage_default。若套用佈景主題時取消了勾選，可以個別重新選擇。
- 變更重點色後只有部分改變：可能是快取造成的。請在 管理員 > 重建快取 後重新整理。
- 討論區列表的撰寫 · 列表按鈕或瀏覽 · 推薦文字看不到：這是 1.0.4 以下版本的問題。請升級到 1.0.5 以上後，執行 管理員 > 重建快取。
- 以韓文以外的語言瀏覽時，部分文字仍顯示為韓文：1.0.5 已整理面板中殘留的韓文固定文字。電商畫面需要電商 0.2.7 以上，預約畫面則需要預約模組同樣為最新版本。
套用佈景主題時會記住先前的狀態，因此您隨時可以還原到套用前的狀態。使用中的佈景主題在已安裝佈景主題清單中的刪除按鈕會停用。
版面設定全部項目
請在 管理員 > 版面設定，或瀏覽網站時從左下角前台管理列的「版面設定」中變更。設定分為 4 個群組（分頁）。
基本
| 項目 | 預設值 | 說明 |
|---|---|---|
| 版面形式 | 子頁（左側選單 LNB） | 從主頁（視覺輪播）/ 子頁（左側 LNB）/ 子頁（內文全寬）中選擇預設形式。個別頁面的覆寫請參考下方「頁面類型」 |
| Logo 圖片 | 無 | 以高度 40px 為基準顯示。留空則使用 Logo 文字 |
| Logo 文字 | 無 | 留空則顯示網站標題 |
| 重點色 | #6c5ce0 | 一併決定按鈕 · 連結 · 啟用標示以及討論區面板的強調色 |
| 內文最大寬度 | 1180px | 窄 1060 / 預設 1180 / 寬 1320 |
| 選單列寬度 | 配合內文寬度 | 選擇「左右 100% 填滿」時，選單列背景會延伸到畫面邊緣 |
| 選單列顏色 | 深色 | 深色 / 重點色 / 淺色 |
| 色彩模式 | 依訪客裝置設定 | 自動 / 永遠淺色 / 永遠深色 |
首頁（視覺輪播）
| 項目 | 預設值 | 說明 |
|---|---|---|
| 顯示視覺輪播 | 僅限主頁形式 | 僅限主頁形式 / 子頁也顯示 / 不使用。若一張投影片都沒有登錄則不會顯示 |
| 自動切換間隔（秒） | 6 | 設為 0 則不自動切換 |
| 視覺投影片 | 無 | 重複欄位。以新增按鈕登錄多張投影片，並拖曳調整順序 |
每張投影片的項目：背景圖片、標題、說明、按鈕名稱、按鈕連結、文字對齊（靠左/置中）。
內文・側欄
| 項目 | 預設值 | 說明 |
|---|---|---|
| 使用整合搜尋 | 開啟 | 是否顯示頁首的搜尋框 |
| 在側欄顯示登入框 | 關閉 | 在子頁（LNB）頁面的側欄顯示登入小工具。關閉時僅使用上方選單的登入連結 |
頁尾
| 項目 | 說明 |
|---|---|
| 網站介紹文字 | 頁尾左側的介紹文字 |
| 商家・聯絡資訊 | 換行後的每一行顯示為一個項目（公司名稱 · 負責人 · 統一編號 · 地址等） |
| 著作權標示 | 頁尾下方的版權聲明 |
在網站選單編輯中將項目連結到「頁尾選單」（footer_menu）後，頁尾選單就會顯示（1 層）。
頁面類型（選單 class m / sl / sf）
heritage 的每個頁面會以三種骨架之一顯示。
| 類型 | 選單 class | 外觀 |
|---|---|---|
| 主頁型 | m | 用於顯示主視覺（輪播）的首頁 |
| 子頁型 | sl | 一般內頁。若目前選單有子選單，會一併顯示左側 LNB |
| 全寬子頁型 | sf | 不顯示 LNB、內文使用全寬的頁面 |
指定方式
運作規則：
與主視覺的搭配
LNB（左側子選單）
在子頁型（sl）頁面中，若目前的第 1 層選單有子選單，左側會自動顯示子選單清單。沒有子選單的選單則只顯示內文、不顯示 LNB。不需要 LNB 的頁面請指定為 sf。
上方選單（GNB）
討論區面板
在 討論區設定 > 面板設定 中選擇 heritage_default。由於是響應式設計，不需要另外設定行動版面板。
深色模式
自訂（CSS 變數）
heritage 以 CSS 變數管理顏色。大部分情況只要調整重點色即可，若需要更細緻的修改，請在子 CSS 中重新定義變數。直接修改版面檔案的話，佈景主題更新時可能會被覆蓋。
| 變數 | 意義 |
|---|---|
--hr-brand | 重點色（注入版面設定的值） |
--hr-ink | 內文文字色 |
--hr-muted | 輔助文字色 |
--hr-bg | 頁面背景 |
--hr-surface | 卡片・面板背景 |
--hr-line | 分隔線 |
--hr-nav-bg | 選單列背景 |
--hr-w | 內文最大寬度（版面設定值） |
首頁配置
建議使用 heritage 版面 + 整合內容小工具 的組合。將首頁選單指定為 m（主頁型）以顯示視覺輪播，再於下方頁面內文中逐列堆疊整合內容小工具，即可完成入口網站型首頁。小工具面板請選擇「헤리티지」（heritage），與討論區的呈現保持一致。詳細方式請參考官方資料中的「整合內容小工具」文件。