PC 디자인으로 반응형 디자인을 구현하는 경우(모바일 디자인 X)

일반적인 반응형 디자인으로 PC 디자인이 PC, 태블릿, 모바일의 화면 크기에 맞춰 변형되는 방식을 알려드릴게요.

1. [관리자] 디자인 > 디자인 추가 로 이동해 주세요.
2. PC/모바일 항목 내 '반응형' 을 체크 후 원하는 디자인 추가해 주세요.
3. [관리자] 디자인 > 디자인 보관함 으로 이동해 주세요.
4. 추가한 디자인을 쇼핑몰의 대표 디자인으로 설정해 주세요.
5. [관리자] 쇼핑몰 설정 > 사이트 설정 > 쇼핑몰 환경 설정 으로 이동해 주세요.
6. 모바일(탭) > 기본설정 > 사용설정 화면 내 '모바일 전용 디자인 사용설정' 항목에서 '사용안함' 을 선택한 후, '저장' 버튼을 클릭해 주세요.
   
    

   Note - 모바일 쇼핑몰 '사용안함' 설정 시 주의사항

   모바일 쇼핑몰을 '사용안함' 으로 설정할 경우, 모바일 전용 기능에 제약이 따를 수 있으니, 충분한 테스트를 해보세요.

    

반응형 디자인을 PC와 모바일 각각 보유한 경우

구입/제작한 반응형 디자인이 PC와 모바일 각각 존재하는 경우에 해당되며, 1가지의 디자인으로 반응형을 구현하는 것이 아닌 다양한 사이즈로 출시되는 모바일 기기에 최적화된 반응형 디자인을 설정하는 방식을 알려드릴게요.

1. [관리자] 디자인 > 디자인 보관함 으로 이동해 주세요.
2. 적용할 PC, 모바일 디자인을 각각 대표 디자인으로 설정해 주세요.
3. [관리자] 쇼핑몰 설정 > 사이트 설정 > 쇼핑몰 환경 설정 으로 이동해 주세요.
4. 모바일(탭) > 기본설정 > 사용설정 화면 내 '모바일 전용 디자인 사용설정' 항목에서 '사용함' 을 선택한 후, '저장' 버튼을 클릭해 주세요.
   (모바일 전용 디자인을 '사용함' 으로 설정하지 않을 경우, [관리자] 디자인 > 디자인 보관함 에서 대표 디자인으로 설정한 디자인으로 적용돼요.)

연관 콘텐츠

자주 묻는 질문

• 구글에서 "모바일 친화적인 웹사이트를 상위에 노출시킨다"고 하는데, 우리 사이트는 문제 없나요?
• PC와 모바일 스킨을 각각 사용하고 있는데 SEO 문제는 없나요?