header-logo
시작하기Wix를 사용해 사이트 및 비즈니스를 구축하는 방법을 알아보세요. 템플릿을 사용해 사이트를 맞춤화하거나, 전문가를 고용해 웹 존재감을 강화할 수 있습니다.
사이트 제작Wix 에디터를 사용하고 사이트 콘텐츠를 관리하는 방법을 알아보세요. 방문자의 개인정보를 보호하고 사이트에 대한 접근성을 높이는 방법 또한 확인할 수 있습니다.
계정 및 결제계정 설정을 검토하고, 구독 및 프리미엄 플랜을 관리하고, 인보이스를 이해하세요.
Wix 모바일 앱Wix Owner 앱을 사용해 비즈니스를 효율적으로 운영하고 방문자와 소통하며 커뮤니티를 구축하세요.
도메인 연결도메인 구매, 연결, 이전 방법 및 사이트 데이터를 안전하게 유지하는 방법을 알아보세요.
비즈니스 관리비즈니스를 구축하고 성장시키는 데 적합한 도구를 찾으세요. 결제 승인, 애널리틱스 분석 검토, 방문자와 교류 등의 작업을 할 수 있습니다.
사이트 홍보검색 엔진에서 사이트를 홍보하고, 이메일 캠페인을 발송, 유료 광고를 게재하는 방법 등을 알아보세요.
Studio 및 파트너Studio 및 파트너 계정을 최대한 활용해 비즈니스를 확장하세요.
고객센터사이트 성능 및 기술 문제 해결에 대한 정보를 얻으세요. 제품 로드맵에서 향후 기능을 추적할 수도 있습니다.
placeholder-preview-image
Wix Learn강좌 및 튜토리얼을 통해 실력을 향상시키세요.
Wix 블로그웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
SEO 러닝 허브검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
Website development풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
전문가 고용하기목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image
페이지 메뉴
  • 모바일 에디터 사용하기
  • 비공개된 데스크톱 요소
  • 모바일 뷰 사용자 지정하기
  • 모바일 전용 요소 추가하기
  • 모바일 도구

Wix 에디터: 모바일 에디터 정보

페이지 메뉴
  • 모바일 에디터 사용하기
  • 비공개된 데스크톱 요소
  • 모바일 뷰 사용자 지정하기
  • 모바일 전용 요소 추가하기
  • 모바일 도구
모바일에서도 사이트가 멋지게 표시되길 바란다면, 모바일 에디터를 사용해 완벽하게 기능하고 전문가처럼 보이는 모바일 뷰를 제작하세요.
배경을 변경하고, 데스크톱 콘텐츠를 숨기거나 모바일 전용 요소로 교체할 수 있습니다. 방문자 경험을 더욱 향상시키기 위해 Back to Top 버튼 및 퀵액션바 등과 같은 요소를 추가할 수도 있습니다.
모바일 에디터를 아래로 스크롤하는 GIF

모바일 에디터 사용하기

에디터 상단에서 모바일  아이콘을 클릭해 언제든지 모바일 에디터에 액세스할 수 있습니다.
에디터에서 모바일로 전환하는 스크린샷
모바일 뷰는 데스크톱 뷰를 반영하며, 이는 동일한 요소와 콘텐츠가 모두 표시됨을 의미합니다. 글꼴, 이미지 및 요소는 최적의 뷰에 맞게 자동으로 크기가 조정되어 모바일 경험을 고유하게 편집할 시간을 제공합니다.

왼쪽 메뉴

에디터의 왼쪽에서는 모바일 친화적 뷰를 사용자 지정하는 데 필요한 도구를 확인할 수 있습니다. 새 요소를 추가하고, 사이트 페이지 간을 탐색하고, 숨겨진 데스크톱 요소에 액세스할 수도 있습니다.
에디터 왼쪽에서 메뉴를 여는 GIF

비공개된 데스크톱 요소

사용자의 편의를 위해 Wix는 데스크톱 사이트의 콘텐츠를 사용해 모바일 친화적 버전의 사이트를 자동으로 생성합니다.이 과정에서 모바일에 최적화되지 않은 요소는 자동으로 비공개 처리됩니다. (예: 마우스오버 상호작용, 타사 앱 등)
에디터 왼쪽에서 비공개 요소 아이콘을 클릭해 비공개된 요소를 확인하세요. 모바일에 표시하고 싶지 않은 추가 요소가 있는 경우, 원하는 대로 비공개 또는 공개할 수 있습니다.
데스크톱 에디터의 비공개 요소 스크린샷

모바일 뷰 사용자 지정하기

모바일 에디터는 사이트를 모바일에 맞게 조정하면서 창작의 자유를 마음껏 누릴 수 있도록 합니다. 약간의 편집을 통해 동일한 느낌을 유지하거나 모바일 전용으로 다른 느낌을 낼 수도 있습니다. 모바일에서 디자인을 변경해도 데스크톱 버전에는 영향을 미치지 않습니다.
아래를 클릭해 지침을 확인하세요.

모바일 전용 요소 추가하기

모바일 에디터는 모바일 뷰에 필요한 만큼 요소를 추가할 수 있도록 합니다. 이러한 요소는 모바일에 완전히 최적화되어 있으므로 크기 조정에 대해 걱정할 필요가 없습니다. 추가 패널에서 텍스트, 이미지, 버튼 등을 추가하고 코드를 삽입할 수 있습니다.
모바일 전용 요소를 추가하는 스크린샷
모바일에 추가한 요소는 사이트의 데스크톱 버전에는 표시되지 않습니다. 모바일 전용 요소에는  아이콘이 표시되어 어떤 아이콘이 어떤 위치에 표시되는지 쉽게 이해할 수 있습니다.
모바일 전용 요소의 스크린샷
도움말:
모바일 전용 요소는 데스크톱 에디터에 붙여넣을 수 없습니다. 추가 패널을 사용해 데스크톱 에디터에 요소를 추가할 수 있습니다.

모바일 도구

모바일 도구 패널은 방문자의 참여도를 높이고 사이트 탐색을 더 쉽게 만드는 유용한 기능을 제공합니다.
환영 화면을 추가해 방문자를 맞이하고 퀵액션바를 추가해 액션을 유도하거나 긴 페이지의 하단에 Top 버튼을 추가해 보세요. Chrome 또는 Android를 사용하는 방문자의 경우, 방문자가 사이트에 액세스하면 브라우저의 테마 색상을 변경할 수도 있습니다.
데스크톱 버전을 유지하고 싶다면:
언제든지 사이트의 모바일 최적화 뷰를 비활성화할 수 있습니다.

Helpmate

안녕하세요 님,

추가 도움이 필요하신가요?
Unlock personalized helpLog in to get the most out of Helpmate.