사이트 부분마다 색상 따로 정하기

메인 색상 외에 색상 구성을 추가하고, 페이지의 어떤 섹션에 쓸지 골라요.

팀 소유자 및 관리자 · 6단계

먼저 필요한 것

팀에 사이트 구독이 있고 템플릿을 골라 둔 상태여야 해요. 템플릿과 디자인 고르기를 참고하세요.
팀의 소유자 또는 관리자여야 해요.

단계

1단계: 디자인 열기
왼쪽 메뉴에서 템플릿을 누른 다음, 오른쪽 위의 디자인을 눌러요.
이렇게 보여요: 디자인 양식이 나오고, 옆에 사이트 실시간 미리보기가 보여요.
2단계: 색상 구성 추가하기
색상 구성 아래에서 라이트 색상 구성 추가를 눌러요. 위에서 정한 색상이 메인이에요. 구성은 세 개까지 더 추가할 수 있어요. 이 버튼은 처음엔 라이트 구성을, 그다음엔 강조 밴드를, 그다음엔 메인을 복사한 구성을 추가해요.
이렇게 보여요: 새 구성이 이름, 다섯 가지 색상, 자체 텍스트와 표면과 함께 나타나요. 각각 메인과 같은 가독성 수치가 표시돼요. 라이트 구성을 하나 만들면 상점, 상품, 장바구니 페이지는 바로 라이트 구성을 사용해요. 나머지 사이트는 따로 고르기 전까지 메인을 유지해요.
3단계: 구성 색상 정하기
구성 이름을 입력한 다음, 메인 색상을 바꿀 때처럼 원하는 색상을 바꿔요. 글자가 들어가는 색상마다 7.2:1 · 읽기 쉬움 같은 수치가 표시돼요. 최소 기준보다 낮으면 방문자에게 보일 색조를 알려 주고 읽기 쉽게 만들기 버튼을 보여 줘요.
이렇게 보여요: 아래 모든 섹션 메뉴에 구성 이름이 보여요.
4단계: 섹션에 구성 고르기
섹션 아래에서 바꾸고 싶은 사이트 부분을 찾아요. 페이지별로 나열돼 있고, 모든 페이지(내비게이션과 푸터)부터 홈, 상점 등의 순서예요. 그 부분의 메뉴에서 구성을 골라요. 기본값은 메인을 따르고, 상점·상품·장바구니는 라이트 구성을 따라요. 실시간 미리보기에서 부분을 클릭해 해당 줄을 찾을 수도 있어요.
이렇게 보여요: 실시간 미리보기가 그 페이지로 바뀌고, 해당 부분이 테두리로 표시되며 고른 구성으로 그려져요.
5단계: 저장하기
양식 아래쪽의 저장을 눌러요.
이렇게 보여요: "디자인을 저장했어요". 방문자에게는 아직 보이지 않아요. 저장한 변경 사항은 게시하기 전까지 초안에 남아 있어요.
6단계: 사이트 게시하기
왼쪽 메뉴의 게시 항목을 누르고 게시해요. 사이트 게시하기를 참고하세요.
이렇게 보여요: 변경 목록에 디자인이 보이고, 게시하면 섹션이 각자 고른 구성으로 표시돼요.