Redline 佈景主題（滑板・街頭品牌）
Redline 佈景主題（滑板・街頭品牌）
這是為滑板・街頭運動品牌打造的 Zittme 官方佈景主題 Redline（redline）的使用手冊。在同一個網站上同時處理品牌介紹與周邊商品販售。以黑色為底加上訊號紅，文字放得非常大；首頁以相片填滿整個畫面，選單以全螢幕方式開啟。購物流程（購物車・訂單・付款）與 Sinsunhan 佈景主題相同，本文未提及的內容請一併參閱 Sinsunhan 佈景主題文件。
組成
| 組成元件 | 位置 | 用途 |
|---|---|---|
| 版面 | themes/redline/layouts/redline | 網站骨架 + 佈景主題內建首頁（封面・跑馬燈文字・品牌區塊） |
| 電商面板 | themes/redline/modules/commerce | 周邊首頁・列表・詳情・購物車・訂單・我的購物・企劃活動・賣家商店 |
| 討論區面板 | themes/redline/modules/board | 列表型・卡片型・網誌型・FAQ 型 |
| 會員・站內信・通知中心・訊息面板 | themes/redline/modules/{member, communication, ncenterlite, message} | 登入・註冊・會員專區・站內信・通知・系統訊息・錯誤畫面 |
| zittme Pay・聯絡面板 | themes/redline/modules/{zittme_pay, contact} | 僅在已安裝該模組的網站上套用 |
安裝與套用
- 從商店安裝，或解壓縮到
themes/redline。 - 在管理員 > 設計設定中選擇 Redline 並套用。
- 若有電商模組，頁首購物車・頁首搜尋・首頁周邊區塊會自動串接。若有多個商店模組，請在版面設定 > 基本的「周邊商店網址（mid）」中填入 mid。
- 若有淺色模式專用的 Logo，請放入「淺色模式用 Logo 圖片」。
- 變更重點色時，按鈕文字色與強調文字色會依背景自動調整，不會產生難以閱讀的組合。
- 在版面之外繪製的 404・500 錯誤畫面也會依循網站的色彩模式。
- 團隊車手：逐一登錄相片・姓名・項目或角色・加入年份・連結。
- 數字指標：登錄數字・數字後的單位（例：萬、年）・說明。
- 區塊標題留空時，會顯示符合種類的預設標題。
- 顯示封面：僅首頁樣式時・子頁面也顯示・不使用
- 封面高度：全螢幕（預設）・較高（畫面的 80%）・一般（620px）
- 封面上方小字・標題・說明・按鈕：標題會依換行原樣以非常大的字顯示。
- 跑馬燈文字：以直線（
|）分隔即可拆成多個項目。留空時不顯示色帶。速度分為慢・一般・快。若訪客在裝置上開啟了減少動態效果，則會以靜止狀態顯示。 - 周邊首頁・列表：分類分頁・搜尋・排序。折扣・新品・推薦徽章。
- 詳情：商品名稱・價格・回饋優惠・運費・選項・立即購買・購物車，下方有配送・正品・換貨・退貨說明列。
- 賣家商店：開啟開放市集後，會產生各賣家的商店（
/shop-mid/store/shop-id）。顯示商店橫幅・商店選單・店內搜尋・主打商品・新品・各分類商品・公告・賣家資訊，並以賣家設定的商店顏色作為強調色。 - 購物車・訂單・我的購物・企劃活動：流程與 Sinsunhan 佈景主題相同，付款則銜接至 zittme Pay 面板。
建議環境：Zittme 1.0.1 以上、電商 1.1.1 以上。這是響應式佈景主題，建議關閉行動裝置專用檢視。
色彩模式
本佈景主題以黑色背景為基準製作。請在版面設定 > 基本 > 色彩模式中，從「永遠深色（預設）」、「永遠淺色」、「依訪客裝置設定」中選擇。
頁面類型
在網站地圖中選單的類別欄位填入下列值，以決定頁面樣式。
| 類別 | 樣式 |
|---|---|
m | 首頁。顯示封面與首頁區塊。 |
sf | 全寬。內文佔滿整個畫面寬度，適合品牌介紹頁面。 |
| （留空） | 一般子頁面 |
佈景主題內建首頁（首頁組成）
在版面設定 > 首頁組成分頁的「首頁區塊」重複欄位中依序組合。若一個都沒有，則使用預設組成。
| 區塊種類 | 內容 | 使用欄位 |
|---|---|---|
| 宣言文字 | 一整塊大字。品牌一句話介紹 | 內文・按鈕名稱・按鈕連結 |
| 團隊車手 | 黑白相片卡片格狀排列。滑鼠移上去時恢復彩色 | 「團隊車手」重複欄位 |
| 數字指標 | 紅色色帶上的大數字。進入畫面時數字會往上跳動 | 「數字指標」重複欄位 |
| 周邊 / 新品 / 折扣中 | 商店商品卡片 | 顯示數量 |
| Journal | 討論區最新文章卡片 | 來源（討論區 mid，留空為第一個討論區）・顯示數量 |
| 相片帶 | 在填滿畫面的相片上放置文字與按鈕 | 圖片・內文・按鈕名稱・按鈕連結 |
| 跑馬燈文字 | 橫向流動的色帶 | 區塊標題（留空時使用首頁的跑馬燈文字） |
首頁（封面・跑馬燈文字）
商店畫面（電商面板）
討論區面板
在面板設定中選擇討論區標題・說明・列表樣式（列表型・卡片型・網誌型・FAQ 型）・作者對齊・大頭照・簽名・附件・推薦按鈕顯示。像 Journal 這類以相片為主的討論區，建議使用卡片型。
頁尾
在版面設定 > 頁尾中填寫品牌介紹文字、洽詢電話號碼・電子郵件、3 種社群網址（Instagram・YouTube・TikTok）、底部說明文字、營業登記・聯絡資訊（每行一個項目）、版權標示與頁尾大型文字。頁尾選單請連結到選單管理中的「頁尾選單」。
版面設定完整項目
基本
Logo 圖片・淺色模式用 Logo 圖片・Logo 文字・重點色・內文最大寬度（1280・1440・1680）・色彩模式・使用搜尋・周邊商店網址（mid）
首頁
顯示封面・封面高度・封面背景圖片・封面上方小字・封面標題・封面說明・封面按鈕名稱・封面按鈕連結・跑馬燈文字・流動速度
首頁組成
首頁區塊（種類・標題・內文・圖片・來源・按鈕名稱・按鈕連結・顯示數量）・團隊車手・數字指標
頁尾
頁尾大型文字・品牌介紹文字・洽詢電話號碼・洽詢電子郵件・3 種社群網址・底部說明文字・營業登記・聯絡資訊・版權標示