heritage 테마
Zittme 기본 테마 heritage의 상세 매뉴얼입니다. heritage는 0.0.02부터 코어에 동봉되는 공식 테마로, XE 시절 기본 레이아웃의 구성(상단 2뎁스 메뉴 · 비주얼 슬라이더 · 서브 LNB)을 템플릿 v2로 새로 쓰고 현재 기준으로 다시 디자인한 것입니다. 다크 모드와 반응형을 기본 지원합니다.
구성
| 구성요소 | 이름 | 역할 |
|---|---|---|
| 레이아웃 | heritage_default | 사이트 전체 골격 (헤더 · 메뉴 · 비주얼 · 본문 · 푸터) |
| 게시판 스킨 | heritage_default | 게시판 목록·읽기·쓰기·댓글 |
| 회원 스킨 | heritage_default | 로그인 · 가입 · 마이페이지 · 계정찾기 |
| 쪽지 스킨 | heritage_default | 쪽지함 |
| 커머스 스킨 | heritage_default | 쇼핑몰 화면 (커머스 모듈 설치 시) |
모든 구성요소가 같은 디자인 토큰(색 · 서체 · 간격)을 공유하므로 어느 화면으로 이동해도 톤이 유지됩니다. 기본 서체는 Pretendard입니다.
적용하기
1. 관리자 > 디자인 설정으로 이동합니다.
2. 테마 목록에서 heritage를 고르고 적용을 누릅니다.
3. 레이아웃과 각 모듈 스킨이 한 번에 적용됩니다. 특정 구성요소만 빼려면 적용 화면에서 체크를 해제합니다.
테마 적용은 이전 상태를 기억하므로 언제든 적용 전 상태로 되돌릴 수 있습니다. 사용 중인 테마는 설치된 테마 목록에서 삭제 버튼이 비활성화됩니다.
레이아웃 설정 전체 항목
관리자 > 레이아웃 설정, 또는 사이트를 보면서 좌하단 프론트 관리바의 "레이아웃 설정"에서 바꿉니다. 설정은 4개 그룹(탭)으로 나뉩니다.
기본
| 항목 | 기본값 | 설명 |
|---|---|---|
| 레이아웃 형태 | 서브 (좌측 메뉴 LNB) | 메인(비주얼 슬라이더) / 서브(좌측 LNB) / 서브(본문 전체 폭) 중 기본형. 페이지별 오버라이드는 아래 "페이지 유형" 참고 |
| 로고 이미지 | 없음 | 높이 40px 기준으로 표시. 비우면 로고 텍스트 사용 |
| 로고 텍스트 | 없음 | 비우면 사이트 제목이 표시됩니다 |
| 포인트 색상 | #6c5ce0 | 버튼 · 링크 · 활성 표시와 게시판 스킨 강조색까지 함께 결정합니다 |
| 본문 최대 너비 | 1180px | 좁게 1060 / 기본 1180 / 넓게 1320 |
| 메뉴 바 너비 | 본문 폭에 맞춤 | "좌우 100% 채우기"를 고르면 바 배경이 화면 끝까지 이어집니다 |
| 메뉴 바 색상 | 어둡게 | 어둡게 / 포인트 색상 / 밝게 |
| 색상 모드 | 방문자 기기 설정에 맞춤 | 자동 / 항상 밝게 / 항상 어둡게 |
첫 화면 (비주얼 슬라이더)
| 항목 | 기본값 | 설명 |
|---|---|---|
| 비주얼 슬라이더 표시 | 메인 형태일 때만 | 메인 형태일 때만 / 서브 페이지에도 표시 / 사용 안 함. 슬라이드를 하나도 등록하지 않으면 표시되지 않습니다 |
| 자동 넘김 간격 (초) | 6 | 0이면 자동으로 넘기지 않습니다 |
| 비주얼 슬라이드 | 없음 | 반복 필드. 추가 버튼으로 슬라이드를 여러 장 등록하고 끌어서 순서를 바꿉니다 |
슬라이드 1장의 항목: 배경 이미지, 제목, 설명, 버튼 이름, 버튼 링크, 문구 정렬(왼쪽/가운데).
본문·사이드
| 항목 | 기본값 | 설명 |
|---|---|---|
| 통합 검색 사용 | 켬 | 헤더의 검색창 표시 여부 |
| 사이드에 로그인 상자 표시 | 끔 | 서브(LNB) 페이지의 사이드에 로그인 위젯을 표시합니다. 끄면 상단 메뉴의 로그인 링크만 사용 |
푸터
| 항목 | 설명 |
|---|---|
| 사이트 소개 문구 | 푸터 좌측 소개 텍스트 |
| 사업자·연락처 정보 | 줄바꿈한 각 줄이 한 항목으로 표시됩니다 (상호 · 대표 · 사업자번호 · 주소 등) |
| 저작권 표기 | 푸터 하단 카피라이트 |
푸터 메뉴는 사이트 메뉴 편집에서 "푸터 메뉴"(footer_menu)에 항목을 연결하면 표시됩니다(1뎁스).
페이지 유형 (메뉴 클래스 m / sl / sf)
heritage는 페이지마다 세 가지 골격 중 하나로 표시됩니다.
| 유형 | 메뉴 클래스 | 모양 |
|---|---|---|
| 메인형 | m | 메인 비주얼(슬라이더)이 표시되는 홈 화면용 |
| 서브형 | sl | 일반 내부 페이지. 현재 메뉴에 하위 메뉴가 있으면 좌측 LNB가 함께 표시됩니다 |
| 전체 폭 서브형 | sf | LNB 없이 본문이 전체 폭을 쓰는 페이지 |
지정 방법
1. 관리자 > 사이트 메뉴 편집에서 메뉴 항목을 엽니다.
2. 클래스 입력란에 m, sl, sf 중 하나를 넣습니다.
3. 저장하면 그 메뉴로 들어간 페이지가 해당 유형으로 표시됩니다.
동작 규칙:
- 클래스를 지정하지 않은 메뉴는 레이아웃 설정의 레이아웃 형태(기본값: 서브)를 따릅니다.
- 하위 메뉴에 클래스를 넣으면 그 페이지에서는 하위 값이 상위보다 우선하고, 하위에 지정이 없으면 상위 메뉴의 클래스를 물려받습니다(3뎁스까지).
- 클래스 칸에 다른 클래스와 공백으로 함께 적어도 됩니다. 예:
sf highlight - 회원 · 쪽지 · 짓미페이 · 통합검색 화면은 클래스 지정이 없으면 자동으로 전체 폭이 됩니다.
메인 비주얼과의 조합
- 비주얼 표시 "메인 형태일 때만"(기본) + 홈 메뉴에
m: 홈에서만 슬라이더가 보이는 일반적인 구성 - 비주얼 표시 "서브 페이지에도 표시" : 유형과 무관하게 모든 페이지 상단에 슬라이더
- 비주얼 표시 "사용 안 함" : 어디에도 표시하지 않음
LNB (좌측 하위 메뉴)
서브형(sl) 페이지에서 현재 1차 메뉴에 하위 메뉴가 있으면 자동으로 좌측에 하위 메뉴 목록이 나옵니다. 하위 메뉴가 없는 메뉴는 LNB 없이 본문만 표시됩니다. LNB가 필요 없는 페이지는 sf로 지정하세요.
상단 메뉴 (GNB)
- 사이트 메뉴 편집의 "상단 메뉴"(gnb)에 연결한 항목이 표시되며 3뎁스까지 지원합니다. 1차 메뉴에 마우스를 올리면 하위 메뉴가 펼쳐집니다.
- 메뉴 바 색상(어둡게/포인트/밝게)과 너비(본문 폭/전체 폭)는 레이아웃 설정의 기본 그룹에서 바꿉니다.
- 우상단에는 로그인/로그아웃, 다크 모드 전환 버튼, 통합 검색창이 표시됩니다.
게시판 스킨
게시판 설정 > 스킨 설정에서 heritage_default를 고릅니다. 반응형이므로 모바일 스킨을 따로 두지 않아도 됩니다.
- 목록 표시 형태는 게시판 설정을 따릅니다.
- 댓글 수는 제목 옆 [N] 로 표시됩니다.
- 새 글(N) 배지는 게시판 설정의 "새 글 표시 시간"을 따릅니다(기본 24시간).
- 강조색은 레이아웃의 포인트 색상과 연동됩니다.
다크 모드
- 색상 모드 "자동"이면 방문자 기기의 라이트/다크 설정을 따르고, 헤더의 전환 버튼으로 방문자가 직접 바꿀 수도 있습니다(기기별 저장).
- 게시판 · 회원 · 쪽지 · 커머스 스킨까지 함께 전환됩니다.
- 로고 이미지가 다크 배경에서 안 보이면 밝은 배경용 로고 대신 투명 배경 로고를 권장합니다.
커스터마이징 (CSS 변수)
heritage는 CSS 변수로 색을 관리합니다. 포인트 색상 하나로 대부분 해결되지만, 더 세밀한 수정은 자식 CSS에서 변수를 재정의하세요. 레이아웃 파일을 직접 고치면 테마 업데이트 때 덮어써질 수 있습니다.
| 변수 | 뜻 |
|---|---|
--hr-brand | 포인트 컬러 (레이아웃 설정 값이 주입됨) |
--hr-ink | 본문 글자색 |
--hr-muted | 보조 글자색 |
--hr-bg | 페이지 배경 |
--hr-surface | 카드·패널 배경 |
--hr-line | 구분선 |
--hr-nav-bg | 메뉴 바 배경 |
--hr-w | 본문 최대 너비 (레이아웃 설정 값) |
메인 페이지 구성
heritage 레이아웃 + 통합 콘텐츠 위젯 조합을 권장합니다. 홈 메뉴를 m(메인형)으로 지정해 비주얼 슬라이더를 띄우고, 그 아래 페이지 본문에 통합 콘텐츠 위젯을 줄 단위로 쌓으면 포털형 메인이 완성됩니다. 위젯 스킨은 "헤리티지"를 골라 게시판과 표기를 통일하세요. 자세한 방법은 공식자료의 "통합 콘텐츠 위젯" 문서를 참고합니다.
자주 묻는 질문
- 비주얼 슬라이더가 안 나와요: ① 슬라이드가 1장 이상 등록되어 있는지 ② 비주얼 표시가 "사용 안 함"이 아닌지 ③ 현재 페이지가 메인형(
m)인지(표시 설정이 "메인 형태일 때만"인 경우) 순서로 확인하세요. - 좌측 메뉴(LNB)가 안 나와요: 서브형(
sl)이어야 하고, 현재 1차 메뉴에 하위 메뉴가 있어야 합니다. - 다크 모드가 적용되지 않아요: 색상 모드가 "항상 밝게"로 고정되어 있지 않은지 확인하세요.
- 일부 모듈 화면이 기본 디자인이에요: 해당 모듈 설정에서 스킨이 heritage_default로 선택되어 있는지 확인하세요. 테마 적용 시 체크를 해제했다면 개별로 다시 고를 수 있습니다.
- 포인트 색을 바꿨는데 일부만 바뀌어요: 캐시 때문일 수 있습니다. 관리자 > 캐시 재생성 후 새로고침하세요.