heritage テーマ
Zittme の基本テーマ heritage の詳細マニュアルです。heritage は 0.0.02 からコアに同梱されている公式テーマで、XE 時代の基本レイアウトの構成（上部 2 階層メニュー · ビジュアルスライダー · サブ LNB）をテンプレート v2 で書き直し、現在の基準で再デザインしたものです。ダークモードとレスポンシブに標準で対応しています。
構成
| 構成要素 | 名前 | 役割 |
|---|---|---|
| レイアウト | heritage_default | サイト全体の骨格（ヘッダー · メニュー · ビジュアル · 本文 · フッター） |
| 掲示板スキン | heritage_default | 掲示板の一覧・閲覧・投稿・コメント |
| 会員スキン | heritage_default | ログイン · 登録 · マイページ · アカウント検索 |
| メッセージスキン | heritage_default | メッセージボックス |
| コマーススキン | heritage_default | ショッピングモール画面（コマースモジュールをインストールした場合） |
すべての構成要素が同じデザイントークン（色 · 書体 · 間隔）を共有しているため、どの画面に移動してもトーンが保たれます。基本書体は Pretendard です。
適用する
- 管理者 > デザイン設定に移動します。
- テーマ一覧から heritage を選び、適用を押します。
- レイアウトと各モジュールスキンが一度に適用されます。特定の構成要素だけを除外するには、適用画面でチェックを外します。
- 管理者 > サイトメニュー編集でメニュー項目を開きます。
- クラス 入力欄に
m、sl、sfのいずれかを入れます。 - 保存すると、そのメニューから入ったページが該当タイプで表示されます。
- クラスを指定していないメニューは、レイアウト設定の レイアウト形態（初期値：サブ）に従います。
- 下位メニューにクラスを入れると、そのページでは下位の値が上位より優先され、下位に指定がなければ上位メニューのクラスを引き継ぎます（3 階層まで）。
- クラス欄に他のクラスと空白区切りで一緒に書いても構いません。例：
sf highlight - 会員 · メッセージ · zittme Pay · 統合検索の画面は、クラスの指定がなければ自動的に全幅になります。
- ビジュアル表示「メイン形態のときのみ」（初期値）+ ホームメニューに
m：ホームでのみスライダーが見える一般的な構成 - ビジュアル表示「サブページにも表示」：タイプに関係なく、すべてのページ上部にスライダー
- ビジュアル表示「使用しない」：どこにも表示しない
- サイトメニュー編集の「上部メニュー」（gnb）に接続した項目が表示され、3 階層まで対応します。1 次メニューにマウスを乗せると下位メニューが展開されます。
- メニューバーの色（暗く/アクセント/明るく）と幅（本文幅/全幅）は、レイアウト設定の基本グループで変更します。
- 右上にはログイン/ログアウト、ダークモード切り替えボタン、統合検索欄が表示されます。
- 一覧の表示形態は掲示板設定に従います。
- コメント数はタイトルの横に [N] で表示されます。
- 新着（N）バッジは掲示板設定の「新着表示時間」に従います（初期値 24 時間）。
- 強調色はレイアウトのアクセントカラーと連動します。
- カラーモードが「自動」なら訪問者の端末のライト/ダーク設定に従い、ヘッダーの切り替えボタンで訪問者が直接変えることもできます（端末ごとに保存）。
- 掲示板 · 会員 · メッセージ · コマーススキンまで一緒に切り替わります。
- ロゴ画像がダーク背景で見えない場合は、明るい背景用のロゴではなく透過背景のロゴをおすすめします。
- ビジュアルスライダーが表示されません：① スライドが 1 枚以上登録されているか ② ビジュアル表示が「使用しない」になっていないか ③ 現在のページがメイン型（
m）か（表示設定が「メイン形態のときのみ」の場合）の順に確認してください。 - 左メニュー（LNB）が表示されません：サブ型（
sl）である必要があり、現在の 1 次メニューに下位メニューがなければなりません。 - ダークモードが適用されません：カラーモードが「常に明るく」に固定されていないか確認してください。
- 一部のモジュール画面が基本デザインのままです：該当モジュールの設定で、スキンが heritage_default に選択されているか確認してください。テーマ適用時にチェックを外した場合は、個別に選び直せます。
- アクセントカラーを変えたのに一部しか変わりません：キャッシュが原因の可能性があります。管理者 > キャッシュ再生成の後、再読み込みしてください。
- 掲示板一覧の投稿 · 一覧ボタンや閲覧 · 推薦の文字が見えません：1.0.4 以下の問題です。1.0.5 以上に上げた後、管理者 > キャッシュ再生成を行ってください。
- 韓国語以外の言語で見ているのに、一部の文言が韓国語で表示されます：1.0.5 でスキンに残っていた韓国語の固定文言を整理しました。コマース画面はコマース 0.2.7 以上、予約画面は予約モジュールも最新である必要があります。
テーマの適用は以前の状態を記憶するため、いつでも適用前の状態に戻せます。使用中のテーマは、インストール済みテーマ一覧で削除ボタンが無効になります。
レイアウト設定の全項目
管理者 > レイアウト設定、またはサイトを見ながら左下のフロント管理バーの「レイアウト設定」で変更します。設定は 4 つのグループ（タブ）に分かれています。
基本
| 項目 | 初期値 | 説明 |
|---|---|---|
| レイアウト形態 | サブ（左メニュー LNB） | メイン（ビジュアルスライダー）/ サブ（左 LNB）/ サブ（本文全幅）のうちの基本形。ページごとの上書きは下の「ページタイプ」を参照 |
| ロゴ画像 | なし | 高さ 40px 基準で表示。空欄ならロゴテキストを使用 |
| ロゴテキスト | なし | 空欄ならサイトタイトルが表示されます |
| アクセントカラー | #6c5ce0 | ボタン · リンク · アクティブ表示と、掲示板スキンの強調色まで一緒に決まります |
| 本文最大幅 | 1180px | 狭く 1060 / 標準 1180 / 広く 1320 |
| メニューバーの幅 | 本文幅に合わせる | 「左右 100% に広げる」を選ぶと、バーの背景が画面の端まで続きます |
| メニューバーの色 | 暗く | 暗く / アクセントカラー / 明るく |
| カラーモード | 訪問者の端末設定に合わせる | 自動 / 常に明るく / 常に暗く |
トップ画面（ビジュアルスライダー）
| 項目 | 初期値 | 説明 |
|---|---|---|
| ビジュアルスライダーの表示 | メイン形態のときのみ | メイン形態のときのみ / サブページにも表示 / 使用しない。スライドを 1 枚も登録しないと表示されません |
| 自動切り替え間隔（秒） | 6 | 0 なら自動で切り替えません |
| ビジュアルスライド | なし | 繰り返しフィールド。追加ボタンでスライドを複数登録し、ドラッグで順序を変えます |
スライド 1 枚の項目：背景画像、タイトル、説明、ボタン名、ボタンリンク、文言の配置（左/中央）。
本文・サイド
| 項目 | 初期値 | 説明 |
|---|---|---|
| 統合検索を使用 | オン | ヘッダーの検索欄を表示するかどうか |
| サイドにログインボックスを表示 | オフ | サブ（LNB）ページのサイドにログインウィジェットを表示します。オフにすると上部メニューのログインリンクのみ使用 |
フッター
| 項目 | 説明 |
|---|---|
| サイト紹介文 | フッター左側の紹介テキスト |
| 事業者・連絡先情報 | 改行した各行が 1 項目として表示されます（商号 · 代表者 · 事業者番号 · 住所など） |
| 著作権表記 | フッター下部のコピーライト |
フッターメニューは、サイトメニュー編集で「フッターメニュー」（footer_menu）に項目を接続すると表示されます（1 階層）。
ページタイプ（メニュークラス m / sl / sf）
heritage はページごとに 3 種類の骨格のいずれかで表示されます。
| タイプ | メニュークラス | 形 |
|---|---|---|
| メイン型 | m | メインビジュアル（スライダー）が表示されるホーム画面用 |
| サブ型 | sl | 一般的な内部ページ。現在のメニューに下位メニューがあれば、左 LNB も一緒に表示されます |
| 全幅サブ型 | sf | LNB なしで本文が全幅を使うページ |
指定方法
動作ルール：
メインビジュアルとの組み合わせ
LNB（左の下位メニュー）
サブ型（sl）ページで、現在の 1 次メニューに下位メニューがあると、自動的に左側に下位メニュー一覧が表示されます。下位メニューがないメニューは、LNB なしで本文のみ表示されます。LNB が不要なページは sf に指定してください。
上部メニュー（GNB）
掲示板スキン
掲示板設定 > スキン設定で heritage_default を選びます。レスポンシブなので、モバイルスキンを別に用意する必要はありません。
ダークモード
カスタマイズ（CSS 変数）
heritage は CSS 変数で色を管理しています。アクセントカラー 1 つでほとんど解決しますが、より細かい修正は子 CSS で変数を再定義してください。レイアウトファイルを直接修正すると、テーマの更新時に上書きされることがあります。
| 変数 | 意味 |
|---|---|
--hr-brand | アクセントカラー（レイアウト設定の値が注入されます） |
--hr-ink | 本文の文字色 |
--hr-muted | 補助の文字色 |
--hr-bg | ページ背景 |
--hr-surface | カード・パネルの背景 |
--hr-line | 区切り線 |
--hr-nav-bg | メニューバーの背景 |
--hr-w | 本文最大幅（レイアウト設定の値） |
メインページの構成
heritage レイアウト + 統合コンテンツウィジェット の組み合わせをおすすめします。ホームメニューを m（メイン型）に指定してビジュアルスライダーを表示し、その下のページ本文に統合コンテンツウィジェットを行単位で積み重ねると、ポータル型のメインが完成します。ウィジェットスキンは「ヘリテージ」を選んで、掲示板と表記を統一してください。詳しい方法は公式資料の「統合コンテンツウィジェット」ドキュメントを参照してください。