배우는 것
- 레이아웃 탭에 보일 후보를 고르는 세 가지 방법
- 레이아웃을 바꿀 때 지우고, 옮기고, 남기는 범위
- 배경 탭의 선택지와 배경 제거, 배경 고정
레이아웃 후보
레이아웃 탭은 탭 구성의layout-tab을 켜야 나옵니다. 후보는 아래 순서로 정해집니다.
후보는 리소스의 페이지 종류(
content, cover 등)로 나뉘어 현재 페이지 종류에 맞는 것만 보입니다. 템플릿 후보는 표지에서도 content 템플릿을 보여 줍니다.
같은 상품의 템플릿을 레이아웃으로 쓰기
1
상품 설정에서 두 스위치를 켭니다
탭 구성의
layout-tab과 레이아웃 적용 범위의 use-template을 켜고 Update로 저장합니다.2
Resource 화면에서 템플릿 하나를 고릅니다
상품의 템플릿 중 하나를 선택해야 오른쪽 위 Utility가 켜집니다.
3
Publish에서 공개로 바꿉니다
Utility를 누르고 왼쪽의 Publish를 고릅니다. 고른 템플릿과 같은
ps_code의 템플릿이 Private Templates와 Public Templates로 나뉘어 나옵니다. 공개할 템플릿을 선택하고 Unlock을 누르면 public이 됩니다. 되돌릴 때는 Lock을 누릅니다.뒷면 디자인을 레이아웃으로 고르게 하기
레이아웃은 지금 편집 중인 페이지에 레이아웃 리소스의 첫 페이지를 적용합니다. 이를 이용해 앞뒷면 상품에서 뒷면만 고르게 할 수 있습니다.- 템플릿을 앞면과 뒷면 2페이지로 만듭니다.
- 뒷면용 디자인을 레이아웃 리소스로 올립니다. 사용자는 두 번째 페이지를 연 상태에서 레이아웃 탭으로 고릅니다.
- 뒷면을 비워 둘 수 있게 빈 페이지 레이아웃도 하나 올립니다. 목록 맨 앞에 두려면 그 리소스의 제목을
#top으로 둡니다.
ps_code로 조회합니다. 사이즈가 여럿이면 사이즈마다 그 크기에 맞춘 레이아웃을 그 사이즈의 ps_code로 올립니다. 업로드 방법은 템플릿 업로드와 수정에 있습니다.
레이아웃 적용 범위
layout-tab을 켜야 이 줄이 열립니다. 저장 키의 layoutInfo.는 template_option.layoutInfo.를 줄인 것입니다.
레이아웃 전환 동작
layout-tab을 켜야 이 줄이 열립니다. 레이아웃을 바꾸면 지금 페이지의 개체는 기본적으로 모두 지워지고 새 레이아웃의 개체로 바뀝니다. 아래 항목이 그중 무엇을 옮기고 남길지 정합니다.
글상자 변수 이름을 붙이는 방법은 변수와 데이터 병합에 있습니다. 스티컷 개체는 레이아웃을 바꿔도 남습니다.
layout-map
사이즈 Features의layout-map을 standard로 두고 standard option을 누르면 Layout Page Type Map 창이 열립니다. layout-tab이 켜져 있고 design-mode가 simple이 아닐 때 보입니다.
Add Row로 행을 늘립니다. 두 칸 중 하나라도 비어 있는 행은 무시합니다. 행 매핑은 디자인 그룹 후보에만 쓰입니다.
layout-map이 standard이면 어떤 후보든 레이아웃을 바꿀 때 새 레이아웃을 지금 페이지 크기에 맞춰 비율대로 줄이거나 늘립니다. 남는 공간의 위치는 position-hint가 정합니다. 형식은 가로/세로이고 가로는 left, center, right, 세로는 top, center, bottom입니다. 비우거나 default면 가운데입니다. skip-fitting이면 맞추지 않습니다. 템플릿 쪽 위치는 PageInfo 레이어의 PositionHint=left/top 개체로 적습니다.
배경
bg-tab을 켜야 이 줄이 열립니다.
remove-bg, remove-value, fix-bg, fix-bg-value, bg-value는 사이즈의 사이즈 고급 옵션에서 사이즈마다 바꿀 수 있습니다. option_string의 bg_mode, bg_remove, bg_fix_remove도 이 값을 덮어씁니다.
이름이 비슷한 세 기능
템플릿 쪽에서 배경 다루기
배경이 상품 모양을 따라야 하는 상품(예: 스마트폰 케이스)은 템플릿에서도 준비가 필요합니다.- 편집기의 기본 배경은 대지 크기의 흰 사각형입니다.
Background@clip=true레이어를 두면 배경이 템플릿의ClipPath안으로 잘립니다.Background레이어의 사각형 이름을none으로 두면 흰 사각형이 표시되지 않습니다. 이때는 배경 탭을 끄는 것이 자연스럽습니다.Background개체는 대지 전체를 덮도록 만듭니다.
됐는지 확인
Manager Resource에서 템플릿을 고르고 Demo로 열어 레이아웃 탭에 기대한 후보가 보이는지, 다른 디자인을 골랐을 때 배경과 가이드가 설정대로 바뀌는지 봅니다. Demo는 사진을 올릴 수 없으므로 사진과 글자를 옮기는 동작은 테스트 주문과 렌더링의 Test Order에서 사진과 글자를 넣은 뒤 레이아웃을 바꿔 확인합니다.
다음 단계
사진과 글자
사진 칸과 글자 서식에서 허용할 기능을 고릅니다.
썸네일, 미리보기, 색상
썸네일과 미리보기, 색상 모드를 정합니다.