너비 설정하기
본문 너비 이해하기
섹션 내에서 본문이 차지하는 너비를 자유롭게 설정하는 기능입니다. 원하는 너비의 값을 좁은, 보통, 가득 채우기 중 미리 설정해 두면, 각 섹션의 본문 너비를 편리하게 적용할 수 있습니다.
본문 너비가 ‘가득 채우기’일 때
본문 너비가 ‘보통’일 때
본문 너비가 ‘좁은’일 때
1. 섹션별 너비 설정하기
디자인 에디터 상단 [섹션] 클릭 후, 너비 설정을 원하는 섹션을 선택하면 오른쪽 패널에서 데스크톱 본문 너비를 설정할 수 있습니다.
•
좁은 : [테마 설정 > 레이아웃]의 좁은 본문 너비 값으로 설정됩니다.
•
보통 : [테마 설정 > 레이아웃]의 보통 본문 너비 값으로 설정됩니다.
•
가득 채우기 : 전체 브라우저 너비의 100%로 자동 확장됩니다.
아래 기본 섹션은 가독성을 위해 좁은 너비 값으로 고정됩니다.
•
장바구니, 주문서, 주문 완료, 마이 페이지, 로그인, 회원 가입, 회원 가입 완료, 문의
테마 특성상 본문 너비가 그리드를 가득 채우는 Grid 테마는 너비 설정이 상이합니다.
•
커스텀 섹션과 상품 상세 페이지 - 상품 리뷰 섹션 너비 설정을 지원합니다.
•
데스크톱에서 3단 그리드 레이아웃인 리뷰, 이용약관, 게시판, 게시글, 마이 페이지는 ‘가운데 영역’이 좁은 너비 값으로 고정됩니다.
2. 레이아웃 너비 설정하기
디자인 에디터 상단 [테마 설정] 클릭 후, 레이아웃 항목에서 좁은 본문 너비와 보통 본문 너비의 값을 설정할 수 있습니다.
웹사이트에 자주 사용되는 표준 너비를 ‘프리셋’으로 이용하거나, 원하는 너비를 ‘커스텀’ 할 수 있어요.
•
좁은 본문 너비
◦
프리셋(표준 너비): 960, 1040, 1080, 1140, 1200, 1280, 1360, 1400, 1440px
◦
커스텀: 960px ~ 1440px (step: 1px) / 기본: 1140px
•
보통 본문 너비
◦
프리셋(표준 너비): 960, 1040, 1080, 1140, 1200, 1280, 1360, 1400, 1440, 1600, 1720, 1920px
◦
커스텀: 960px ~ 3000px (step: 1px) / 기본: 1440px
콘텐츠 성격에 따라 권장 너비가 다른 점 참고해 주세요!
•
기본 쇼핑몰 페이지: 1200~1440px 권장
◦
상품 이미지/설명이 가장 보기 좋게 느껴지는 너비예요. 너무 넓으면 정보가 퍼져 보이고, 너무 좁으면 이미지가 축소됩니다.
•
홈페이지나 브랜드 소개 페이지: 1600~1920px 권장
◦
브랜드에 대해 강렬한 인상을 남기면서 몰입감을 주는 너비예요.
•
블로그/뉴스룸과 같이 텍스트 중심의 페이지: 1000~1140px 권장
◦
장문의 텍스트를 제공할 때 가독성이 높아지는 너비예요.
식스샵 프로 가이드로 돌아가기





