Redline テーマ（スケート・ストリートブランド）

スケート・ストリートスポーツブランドのための Zittme 公式テーマ Redline（redline）のマニュアルです。ブランド紹介とグッズ販売を一つのサイトでまとめて扱います。黒い背景にシグナルレッドを重ね、文字をとても大きく使っています。トップ画面は写真が画面いっぱいに広がり、メニューは全画面で開きます。ショッピングの流れ（カート・注文・決済）は Sinsunhan テーマと同じなので、ここにない内容は Sinsunhan テーマのドキュメントもあわせてご覧ください。

デモ：redline-demo.zitt.me

構成

インストールと適用

1. ストアからインストールするか、themes/redline に解凍します。
2. 管理者 > デザイン設定で Redline を選んで適用します。
3. コマースモジュールがあれば、ヘッダーのカート・ヘッダー検索・トップページのグッズセクションが自動で連携されます。ショップモジュールが複数ある場合は、レイアウト設定 > 基本の「グッズショップのアドレス（mid）」に mid を入力します。

推奨環境：Zittme 1.0.1 以上、コマース 1.1.1 以上。レスポンシブテーマなので、モバイル専用ビューはオフにすることを推奨します。

カラーモード

このテーマは黒い背景を基準に作られています。レイアウト設定 > 基本 > カラーモードで「常にダーク（基本）」「常にライト」「訪問者のデバイス設定に合わせる」から選びます。

• ライトモードで使うロゴが別にある場合は、「ライトモード用ロゴ画像」に登録します。
• ポイントカラーを変えると、ボタンの文字色と強調文字の色が背景に合わせて自動で調整され、読みにくい組み合わせになりません。
• レイアウトの外で描画される 404・500 エラー画面も、サイトのカラーモードに従います。

ページタイプ

サイトマップでメニューのクラス欄に次の値を入力して、ページの形を決めます。

クラス	形
m	メイン。表紙とメインページのセクションを表示します。
sf	全幅。本文を画面幅いっぱいに使います。ブランド紹介ページに適しています。
（空欄）	通常のサブページ

テーマ内蔵メインページ（メイン構成）

レイアウト設定 > メイン構成タブの「メインページセクション」繰り返しフィールドで、順番に組み立てます。一つもなければ基本構成を使います。

セクションの種類	内容	使う欄
宣言文	大きな文字のひとかたまり。ブランドの一行紹介	本文・ボタン名・ボタンリンク
チームライダー	モノクロ写真カードのグリッド。マウスを乗せると色が戻ります	「チームライダー」繰り返しフィールド
数値指標	赤い帯の上の大きな数字。画面に入るときに数字がカウントアップします	「数値指標」繰り返しフィールド
グッズ / 新着 / セール中	ショップの商品カード	表示件数
ジャーナル	掲示板の最新投稿カード	出典（掲示板 mid、空欄なら最初の掲示板）・表示件数
写真帯	画面いっぱいの写真の上に文言とボタン	画像・本文・ボタン名・ボタンリンク
流れる文言	横に流れる帯	セクションタイトル（空欄ならトップ画面の流れる文言）

• チームライダー：写真・名前・種目または役割・加入年・リンクを一人ずつ登録します。
• 数値指標：数字・数字の後ろの表記（例：万、年）・説明を登録します。
• セクションタイトルを空欄にすると、種類に合った基本タイトルが表示されます。

トップ画面（表紙・流れる文言）

• 表紙の表示：メイン形式のときのみ・サブページにも表示・使用しない
• 表紙の高さ：画面全体（基本）・高め（画面の 80%）・普通（620px）
• 表紙の上段・タイトル・説明・ボタン：タイトルは改行したそのままの形でとても大きく表示されます。
• 流れる文言：縦線（|）で区切ると項目が分かれます。空欄にすると帯を表示しません。速度は遅い・普通・速い。訪問者がデバイスで「視差効果を減らす」をオンにしている場合は停止した状態で表示されます。

ショップ画面（コマーススキン）

• グッズホーム・一覧：カテゴリータブ・検索・並べ替え。セール・新商品・おすすめバッジ。
• 詳細：商品名・価格・ポイント特典・送料・オプション・今すぐ購入・カート、その下に配送・正規品・交換/返品の案内行。
• 販売者ショップ：オープンマーケットを有効にすると、販売者ごとのショップ（/shop-mid/store/shop-id）ができます。ショップバナー・ショップメニュー・ショップ内検索・代表商品・新商品・カテゴリー別商品・お知らせ・販売者情報が表示され、販売者が決めたショップカラーが強調色として使われます。
• カート・注文・マイショッピング・特集：Sinsunhan テーマと同じ流れで、決済は zittme Pay スキンへ続きます。

掲示板スキン

スキン設定で、掲示板タイトル・説明・一覧の形（リスト型・カード型・Web マガジン型・FAQ 型）・投稿者の配置・プロフィール写真・署名・添付ファイル・おすすめボタンの表示を選びます。ジャーナルのように写真が中心の掲示板にはカード型を推奨します。

フッター

レイアウト設定 > フッターで、ブランド紹介文、お問い合わせ電話番号・メールアドレス、SNS アドレス 3 種（Instagram・YouTube・TikTok）、下部の案内文、事業者・連絡先情報（1 行に 1 項目）、著作権表記、フッターの大型文字を入力します。フッターメニューは、メニュー管理の「フッターメニュー」に接続します。

レイアウト設定の全項目

基本

ロゴ画像・ライトモード用ロゴ画像・ロゴテキスト・ポイントカラー・本文の最大幅（1280・1440・1680）・カラーモード・検索の使用・グッズショップのアドレス（mid）

トップ画面

表紙の表示・表紙の高さ・表紙の背景画像・表紙の上段・表紙タイトル・表紙の説明・表紙ボタン名・表紙ボタンリンク・流れる文言・流れる速度

メイン構成

メインページセクション（種類・タイトル・本文・画像・出典・ボタン名・ボタンリンク・表示件数）・チームライダー・数値指標

フッター

フッターの大型文字・ブランド紹介文・お問い合わせ電話番号・お問い合わせメールアドレス・SNS アドレス 3 種・下部の案内文・事業者・連絡先情報・著作権表記