Wix 에디터: 모바일 사이트 레이아웃 문제 해결하기

Wix는 데스크톱 사이트의 콘텐츠와 요소를 사용해 모바일 최적화 사이트를 자동으로 생성합니다. 데스크톱 사이트 및 모바일 사이트는 서로 다른 사이트가 아니라, 동일한 사이트의 다른 뷰입니다.

모바일 최적화 사이트는 작은 화면에 맞게 최적화되어 있으며 그에 따라 레이아웃이 변경됩니다. 이로 인해 모바일 사이트의 구조 또는 정렬에 문제가 생길 수 있습니다. 이러한 문제는 모바일 방문자에게 명확하고 원활한 경험을 제공하기 위해 콘텐츠를 재배열하고 조정해 해결할 수 있습니다.

데스크톱 에디터에서 페이지에 추가한 요소는 사이트의 모바일 버전에서 다르게 배치될 수 있습니다. 이러한 요소를 원하는 위치로 끌어서 수동으로 재정렬할 수 있습니다.

모바일 사이트의 메뉴 상자, 머리글 또는 바닥글에 요소가 표시되는 경우 클릭해 페이지로 끌어다 놓을 수 없습니다. 그러나 오른쪽 클릭 메뉴를 사용해 메뉴, 머리글 및 바닥글 간에 이러한 요소를 이동할 수 있습니다. 머리글, 바닥글 및 모바일 메뉴 간 요소 이동에 대해 자세히 알아보세요.

모바일 사이트에 여백이 생길 수 있습니다. 이는 특정 요소 또는 페이지 높이로 인해 발생할 수 있습니다.

여백의 위치에 따라 줌아웃 및 위치 변경 기능, 요소 레이아웃 변경, 페이지 높이 변경 등을 통해 이를 제거할 수 있습니다. 모바일 사이트 여백 제거에 대해 자세히 알아보세요.

여전히 제거할 수 없는 여백이 있는 경우, 이는 찾기 어려운 작은 요소로 인해 발생할 수 있습니다. 레이어 패널을 사용해 요소를 찾아 앞으로 또는 뒤로 이동할 수 있습니다. 요소 찾기 및 이동에 대해 자세히 알아보세요.

모바일 사이트를 편집할 때 데스크톱 사이트에서는 표시되는 일부 요소를 찾지 못할 수 있습니다. 이는 휴대기기에 더 적합하도록 일부 요소가 모바일 사이트에서 자동으로 비공개 처리되기 때문입니다. 

모바일 사이트에서 비공개된 요소 패널을 통해 모바일 사이트에서 비공개된 요소를 확인할 수 있을 뿐만 아니라 표시되도록 설정할 수도 있습니다. 모바일 에디터의 비공개 요소에 대해 자세히 알아보세요.

모바일 사이트의 레이아웃이 마음에 들지 않거나 구조를 변경하려는 경우 모바일 에디터 왼쪽의 모바일 레이아웃 최적화 기능을 사용해 새로고침할 수 있습니다. 이 도구는 더 작은 화면에 더 적합하도록 페이지 콘텐츠를 재정렬하고 모바일 사이트의 레이아웃을 최적화합니다. 모바일 사이트 최적화에 대해 자세히 알아보세요.