PC↔︎모바일 전용 페이지 만들기

큐샵에서 작업한 PC 디자인은 기본적으로 모바일에 최적화된 화면 디자인이 제공되지만, 자동으로 변환이 이루어지기 때문에 의도하지 않은 디자인으로 보일 수 있어요. 수정이 필요한 경우, 모바일 뷰포트에서 따로 편집을 진행할 수 있답니다.

PC와 모바일 각각의 디바이스 별 전용 페이지를 만드는 방법과, 이때 반드시 필요한 블록 및 섹션을 숨기는 방법에 대해 상세하게 알려드릴게요.

주의

모바일 에디터로 전환하여 수정할 때 아래 내용은 반드시 기억해 주세요.

● 블록의 위치 및 크기는 PC 또는 모바일에 영향을 주지 않아요. ● 텍스트 블록의 경우 색상, 폰트, 테두리 등의 속성을 하나의 뷰포트에서 수정하면 다른 뷰포트에도 영향을 주어요.

따라서 PC와 모바일 개별 편집을 원하는 경우, 하나의 뷰포트에서 블록 숨김 후 동일한 새 블록을 추가하여 편집해 주세요.

1. PC뷰에서 섹션 숨기기

특정 섹션을 PC에서 보이지 않도록 숨기는 방법에 대해 알아볼게요.

숨기려는 섹션 하단에 있는 더보기 > PC에서 숨기기를 클릭해 주세요.

레이어 > 섹션 상세설정 > PC에서 숨기기를 클릭해 주세요. 그럼 숨김 처리된 섹션 영역이라는 문구가 표시돼요.

특정 블록을 PC에서 보이지 않도록 숨기는 방법에 대해 알아볼게요.

블록 클릭 시 나타나는 퀵 메뉴에서 눈모양 아이콘을 클릭해 주세요. 숨김 처리된 블록은 희미하게 보여요.

레이어 > 블록 상세설정 > 디바이스 숨기기 > PC에서 숨기기를 클릭해 주세요.

특정 섹션을 모바일에서 보이지 않도록 숨기는 방법에 대해 알아볼게요.

숨기려는 섹션 하단에 있는 더보기 아이콘 > 모바일에서 숨기기를 클릭해 주세요.

레이어 > 섹션 상세설정 > 모바일에서 숨기기를 클릭해 주세요. 그럼 숨김 처리된 섹션 영역이라는 문구가 표시돼요.

특정 블록을 모바일에서 보이지 않도록 숨기는 방법에 대해 알아볼게요.

블록 클릭 시 나타나는 퀵 메뉴에서 눈모양 아이콘을 클릭해 주세요. 숨김 처리된 블록은 모바일에서 숨김 처리된 콘텐츠로 표시됩니다.

레이어 > 블록 상세설정 > 디바이스 숨기기 > 모바일에서 숨기기를 클릭해 주세요.

Last updated 1 year ago