header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Wix로 반응형 사이트 제작하기

5 분
페이지 메뉴
  • Wix 에디터에서 반응형 기능 사용하기
  • 모바일 에디터
  • 전체 너비 요소
  • Wix Studio에서 반응형 사이트 구축하기
Wix 에디터를 사용하든 Studio 에디터를 사용하든, Wix는 모든 화면에서 멋지게 보이는 사이트를 구축할 수 있도록 다양한 도구를 제공합니다. 
Wix 에디터를 사용하면 방문자의 화면 크기에 맞게 조정되는 전체 너비 섹션, 스트립 및 요소를 활용할 수 있습니다. Studio 에디터에서는 화면 중단점 사용자 지정, 속성 크기 조정 및 반응형 AI와 같은 고급 옵션을 통해 클라이언트가 지원하는 반응형 디자인을 제작할 수 있습니다.
이 도움말에서는 두 에디터에서 반응형 사이트를 제작하는 방법을 알아보세요.

Wix 에디터에서 반응형 기능 사용하기

Wix 에디터로 구축된 Wix 사이트는 새롭고 흥미로운 기능을 계속 추가함에 따라 더욱 반응성이 개선되고 있습니다.

모바일 에디터

Wix는 데스크톱 사이트의 콘텐츠를 사용해 모바일 최적화 버전의 사이트를 자동으로 생성합니다. 모바일 에디터를 사용해 모바일 사이트의 디자인, 콘텐츠를 사용자 지정하고 방문자의 경험을 향상시킬 수 있습니다. 
모바일 에디터를 아래로 스크롤하는 GIF
참고 사항:
사이트의 데스크톱 및 모바일 버전은 동일한 사이트의 다른 보기 모드를 표시하며, 두 사이트는 별도의 사이트가 아닙니다. 데스크톱 사이트에 대한 변경사항은 모바일 사이트에 영향을 주지만, 모바일 사이트에 대한 변경사항은 데스크톱 사이트에 영향을 미치지 않습니다.

전체 너비 요소

Wix 에디터는 화면 전체 너비를 채우고 데스크톱에서 방문자의 화면 크기에 맞게 조정할 수 있는 다양한 요소를 제공합니다.
전체 너비로 늘리면 다음 요소가 반응형으로 설정됩니다.
요소에 늘리기 아이콘이 있는 경우, 이는 전체 너비로 늘리고 반응형으로 설정할 수 있음을 의미합니다.
브라우저 크기 조정 시 반응하는 전체 너비 슬라이드쇼와 바닥글이 있는 Wix 에디터 사이트를 보여주는 GIF
참고:
전체 너비로 늘릴 수 없는 요소를 사용하는 경우(예: 텍스트 상자, 이미지), 대부분의 화면 크기에 요소가 표시될 수 있도록 세로 그리드라인 내에 배치하세요.

Wix Studio에서 반응형 사이트 구축하기

Studio 에디터에서 고객을 위해 멋지게 디자인된 완전히 반응형 사이트를 제작할 수 있습니다. 최첨단 기능을 갖춘 이 플랫폼으로 빠르고 정확하게 반응형 사이트를 제작할 수 있습니다.
Studio 에디터 내에서는 디자인 과정을 간소화하고 쉽고, 효율성 및 놀라운 프로젝트 결과를 위해 세심하게 선별된 다양한 도구를 찾을 수 있습니다. 
아래를 클릭해 이러한 도구 및 기능에 대한 자세한 내용을 확인하세요.
상단에서 다양한 화면 중단점 클릭 시 사이트 디자인이 어떻게 변경되는지 보여주는 GIF