레드라인 테마 (스케이트·스트리트 브랜드)

스케이트 · 스트리트 스포츠 브랜드를 위한 Zittme 공식 테마 레드라인(redline)의 매뉴얼입니다. 브랜드 소개와 굿즈 판매를 한 사이트에서 함께 다룹니다. 검은 바탕에 시그널 레드를 얹고 글자를 아주 크게 썼으며, 첫 화면은 사진이 화면을 가득 채우고 메뉴는 전체 화면으로 열립니다. 쇼핑 흐름(장바구니 · 주문 · 결제)은 신선한 테마와 같으므로, 여기 없는 내용은 신선한 테마 문서를 함께 보세요.

데모: redline-demo.zitt.me

구성

구성요소	위치	역할
레이아웃	themes/redline/layouts/redline	사이트 골격 + 테마 내장 메인페이지(표지 · 흐르는 문구 · 브랜드 섹션)
커머스 스킨	themes/redline/modules/commerce	굿즈 홈 · 목록 · 상세 · 장바구니 · 주문 · 마이쇼핑 · 기획전 · 판매자 상점
게시판 스킨	themes/redline/modules/board	목록형 · 카드형 · 웹진형 · FAQ형
회원 · 쪽지 · 알림센터 · 메시지 스킨	themes/redline/modules/{member, communication, ncenterlite, message}	로그인 · 회원가입 · 마이페이지 · 쪽지 · 알림 · 시스템 안내 · 오류 화면
짓미페이 · 문의 스킨	themes/redline/modules/{zittme_pay, contact}	해당 모듈이 설치된 사이트에서만 적용

설치와 적용

스토어에서 설치하거나 themes/redline 에 압축을 풉니다.
관리자 > 디자인 설정에서 레드라인을 골라 적용합니다.
커머스 모듈이 있으면 헤더 장바구니 · 헤더 검색 · 대문 굿즈 섹션이 자동으로 연동됩니다. 상점 모듈이 여럿이면 레이아웃 설정 > 기본의 "굿즈 상점 주소(mid)"에 mid 를 적습니다.

권장 환경: Zittme 1.0.1 이상, 커머스 1.1.1 이상. 반응형 테마이므로 모바일 전용 뷰는 끄는 것을 권장합니다.

색상 모드

이 테마는 검은 바탕을 기준으로 만들었습니다. 레이아웃 설정 > 기본 > 색상 모드에서 "항상 어둡게(기본)", "항상 밝게", "방문자 기기 설정에 맞춤" 중에 고릅니다.

밝은 모드에서 쓸 로고가 따로 있으면 "밝은 모드용 로고 이미지"에 넣습니다.
포인트 색상을 바꾸면 버튼 글자색과 강조 글자색이 바탕에 맞게 자동으로 조정되어 읽기 어려운 조합이 생기지 않습니다.
레이아웃 밖에서 그려지는 404 · 500 오류 화면도 사이트의 색상 모드를 따릅니다.

페이지 유형

사이트맵에서 메뉴의 클래스 칸에 아래 값을 적어 페이지 모양을 정합니다.

클래스	모양
`m`	메인. 표지와 메인페이지 섹션을 보여 줍니다.
`sf`	전체 폭. 본문을 화면 폭 가득 씁니다. 브랜드 소개 페이지에 알맞습니다.
(비움)	일반 서브 페이지

테마 내장 메인페이지 (메인 구성)

레이아웃 설정 > 메인 구성 탭의 "메인페이지 섹션" 반복 필드로 순서대로 조립합니다. 하나도 없으면 기본 구성을 씁니다.

섹션 종류	내용	쓰는 칸
선언 문구	큰 글자 한 덩어리. 브랜드 한 줄 소개	본문 · 버튼 이름 · 버튼 링크
팀 라이더	흑백 사진 카드 격자. 마우스를 올리면 색이 돌아옵니다	"팀 라이더" 반복 필드
숫자 지표	빨간 띠 위의 큰 숫자. 화면에 들어올 때 숫자가 올라갑니다	"숫자 지표" 반복 필드
굿즈 / 새로 나온 것 / 할인 중	상점 상품 카드	표시 개수
저널	게시판 최신 글 카드	출처(게시판 mid, 비우면 첫 게시판) · 표시 개수
사진 띠	화면을 가득 채우는 사진 위에 문구와 버튼	이미지 · 본문 · 버튼 이름 · 버튼 링크
흐르는 문구	가로로 흐르는 띠	섹션 제목(비우면 첫 화면의 흐르는 문구)

팀 라이더: 사진 · 이름 · 종목 또는 역할 · 합류 연도 · 링크를 한 명씩 등록합니다.
숫자 지표: 숫자 · 숫자 뒤 표기(예: 만, 년) · 설명을 등록합니다.
섹션 제목을 비우면 종류에 맞는 기본 제목이 나옵니다.

첫 화면 (표지 · 흐르는 문구)

표지 표시: 메인 형태일 때만 · 서브 페이지에도 표시 · 사용 안 함
표지 높이: 화면 전체(기본) · 높게(화면의 80%) · 보통(620px)
표지 윗줄 · 제목 · 설명 · 버튼: 제목은 줄바꿈한 그대로 아주 크게 나옵니다.
흐르는 문구: 세로줄(|)로 나누면 항목이 나뉩니다. 비우면 띠를 표시하지 않습니다. 속도는 느리게 · 보통 · 빠르게. 방문자가 기기에서 움직임 줄이기를 켰으면 멈춘 상태로 보입니다.

상점 화면 (커머스 스킨)

굿즈 홈 · 목록: 카테고리 탭 · 검색 · 정렬. 할인 · 신상품 · 추천 배지.
상세: 상품명 · 가격 · 적립 혜택 · 배송비 · 옵션 · 바로 구매 · 장바구니, 아래에 배송 · 정품 · 교환·반품 안내 줄.
판매자 상점: 오픈마켓을 켜면 판매자별 상점(/상점mid/store/상점아이디)이 생깁니다. 상점 배너 · 상점 메뉴 · 상점 안 검색 · 대표 상품 · 신상품 · 카테고리별 상품 · 공지 · 판매자 정보가 나오며, 판매자가 정한 상점 색이 강조색으로 쓰입니다.
장바구니 · 주문 · 마이쇼핑 · 기획전: 신선한 테마와 같은 흐름이며 결제는 짓미페이 스킨으로 이어집니다.

게시판 스킨

스킨 설정에서 게시판 타이틀 · 설명 · 목록 형태(목록형 · 카드형 · 웹진형 · FAQ형) · 글쓴이 정렬 · 프로필 사진 · 서명 · 첨부파일 · 추천 버튼 노출을 고릅니다. 저널처럼 사진이 중심인 게시판은 카드형을 권장합니다.

푸터

레이아웃 설정 전체 항목

기본

로고 이미지 · 밝은 모드용 로고 이미지 · 로고 텍스트 · 포인트 색상 · 본문 최대 너비(1280 · 1440 · 1680) · 색상 모드 · 검색 사용 · 굿즈 상점 주소(mid)

첫 화면

표지 표시 · 표지 높이 · 표지 배경 이미지 · 표지 윗줄 · 표지 제목 · 표지 설명 · 표지 버튼 이름 · 표지 버튼 링크 · 흐르는 문구 · 흐르는 속도

메인 구성

메인페이지 섹션(종류 · 제목 · 본문 · 이미지 · 출처 · 버튼 이름 · 버튼 링크 · 표시 개수) · 팀 라이더 · 숫자 지표