테마 관리 소개: 레이아웃 테마란

사이트의 페이지가 늘어날수록 모든 페이지에 같은 헤더와 푸터를 넣고 고치는 일이 번거로워집니다. 테마 관리는 헤더와 푸터를 한 번 만들어 두고, 페이지마다 가운데 본문만 다르게 구성할 수 있게 해 주는 기능입니다. 이 글에서는 테마 관리 화면이 어떻게 생겼고 무엇을 할 수 있는지 처음부터 살펴봅니다.

여기서 말하는 테마는 헤더·푸터와 본문 자리를 정하는 레이아웃 테마입니다. 에디터의 프리셋 테마(색 팔레트)나 사이트 상세 화면의 디자인 톤과는 다른 기능이니 헷갈리지 않게 구분해 주세요.

1. 테마 관리는 어디에 있나요

왼쪽 사이드바에서 웹사이트 빌더를 펼치면 내 웹사이트, 독립 페이지 아래에 테마 관리가 있습니다. 누르면 제목 아래에 "헤더·푸터 레이아웃을 한 번 만들어 두면 모든 페이지에 자동 적용됩니다."라는 설명이 보이고, 오른쪽 위에 테마 만들기 버튼이 있습니다. 테마가 하나도 없는 계정이 이 화면을 처음 열면 쇼핑몰·블로그·랜딩 페이지용 기본 테마가 자동으로 채워집니다.

2. 화면 위쪽의 사용 방법 안내

제목 아래 테마 사용 방법 상자가 전체 흐름을 세 단계로 알려 줍니다.

1. 테마 만들기: 에디터에서 헤더·푸터 섹션을 추가하고, 본문 슬롯(페이지 내용이 들어갈 자리)을 넣습니다.
2. 기본 설정: 새로 만드는 상품 페이지에 이 테마가 자동으로 붙습니다.
3. 기존 페이지 적용: 이미 만들어 둔 페이지에도 이 테마를 한 번에 적용합니다.

상자 맨 아래에는 본문 슬롯이 없는 테마는 적용해도 상품 내용이 보이지 않으니 반드시 슬롯을 추가하라는 안내가 있습니다.

3. 목록에서 테마 찾기

안내 상자 아래의 칩으로 테마를 페이지 종류별로 걸러 볼 수 있습니다. 전체, 상품 상세, 상품 리스트, 장바구니, 주문/결제, 주문 완료, 블로그 글, 랜딩 페이지가 있고, 누르면 해당 종류의 테마만 남습니다.

카드 한 장이 테마 하나입니다. 위쪽 미리보기 영역에는 썸네일(없으면 미리보기 없음)과 이 테마를 쓰는 페이지 수(0개 적용 중)가 표시되고, 기본 테마에는 기본 배지가 붙습니다. 아래쪽에는 테마 이름, 페이지 종류 칩, 설명, 마지막 수정일이 있습니다. 카드 버튼은 다음과 같습니다.

• 편집: 테마 전용 에디터를 엽니다.
• 복제: 이름 뒤에 (복사)가 붙은 사본을 만들고 곧바로 에디터로 이동합니다.
• 기본 설정: 이 테마를 기본 테마로 지정합니다. 이미 기본이면 버튼이 보이지 않습니다.
• 기존 페이지 적용, 삭제: 누르면 먼저 확인 창이 열립니다.

4. 새 테마 만들기 입구

테마 만들기를 누르면 새 테마 만들기 화면이 열립니다. 테마 이름을 적고, 페이지 타입을 고르고, 필요하면 설명을 적습니다. 페이지 타입은 상품 상세·상품 리스트·장바구니·주문/결제·주문 완료·랜딩 페이지·블로그 글·독립 레이아웃 중에서 고르며, 선택에 따라 쓸 수 있는 동적 요소가 달라진다고 화면에 안내되어 있습니다.

에디터에서 디자인 시작을 누르면 목록에 새 카드가 생기고 테마 편집 화면으로 이동합니다. 이때 카드에는 본문 슬롯이 아직 없다는 뜻의 슬롯 없음 배지가 붙습니다.

5. 테마 편집 화면

테마 편집 화면은 이름 뒤에 (테마)가 붙는 것만 다를 뿐 일반 에디터와 같은 모습입니다. 왼쪽 요소 추가 패널 맨 위에 레이아웃 슬롯 영역과 본문 슬롯 삽입 버튼이 있고, 드래그하거나 클릭해서 넣습니다. 헤더·푸터 만들기와 슬롯 배치는 별도 글에서 다룹니다.

6. 이렇게 활용해 보세요

• 랜딩 페이지 여러 개에 같은 헤더·푸터를 쓰고 싶다면 랜딩 페이지 타입 테마를 하나 만들어 보세요.
• 기존 테마를 조금만 바꿔 쓰고 싶다면 복제로 사본을 만든 뒤 편집하면 원본은 그대로 남습니다.
• 쇼핑몰 화면을 통일하고 싶다면 상품 상세·장바구니·주문/결제 같은 쇼핑몰 타입별로 테마를 나누어 관리할 수 있습니다.

7. 알아 두실 점

• 본문 슬롯이 없는 테마는 적용해도 페이지 내용이 보이지 않으니, 카드의 슬롯 없음 배지가 있으면 먼저 슬롯을 넣어 주세요.
• 페이지 타입 중 블로그 글은 화면에 준비 중이라고 표시됩니다.
• 기존 페이지 적용은 해당 종류의 기존 페이지 전체에 한꺼번에 적용되므로 확인 창의 문구를 읽고 진행하세요.

기본 설정, 기존 페이지 적용, 복제, 삭제의 자세한 동작은 별도 글에서 다룹니다.