Wix 에디터: 모바일 사이트에 라이트박스 표시 및 사용자 지정하기

4 분 분량

기본적으로 데스크톱 사이트에 있는 모든 라이트박스는 모바일 사이트에서 자동으로 비공개됩니다.

라이트박스를 모바일 사이트에서 비공개로 유지하거나 모바일 에디터에서 라이트박스를 사용자 지정 및 최적화해 모바일에서 표시되도록 선택할 수 있습니다.

다음 도움말을 참고하세요.

모바일 사이트의 콘텐츠 및 레이아웃에 따라 모바일 사이트 방문자에게 라이트박스를 표시할 수 있습니다. 라이트박스는 페이지 역할을 하므로 페이지 패널을 통해 모바일에서 라이트박스가 표시되도록 설정할 수 있습니다.

마음이 바뀌면 언제든지 쉽게 다시 비공개할 수 있습니다.

모바일 에디터에 액세스합니다.
모바일 에디터 왼쪽에서 메뉴 및 페이지를 클릭합니다.
라이트박스 를 클릭합니다.
해당 라이트박스를 클릭합니다.
설정 아이콘을 클릭합니다.
참고: 이 옵션은 데스크톱 에디터의 라이트박스 설정에서 라이트 박스 자동 표시에서 ON을 클릭한 경우에만 표시됩니다.
라이트박스 자동 표시 에서 ON을 클릭합니다.

더 작은 화면에서도 잘 보이도록 모바일 사이트에서 라이트박스 콘텐츠를 편집하세요. 모바일의 라이트박스에 데스크톱 사이트보다 적은 양의 텍스트를 표시하거나 사이트 방문자가 라이트박스를 닫는 방법을 변경할 수 있습니다.

모바일 에디터에 액세스합니다.
모바일 에디터 왼쪽에서 메뉴 및 페이지를 클릭합니다.
라이트박스를 클릭합니다.
해당 라이트박스를 클릭합니다.
- 라이트박스의 요소(예: 텍스트 및 이미지)를 클릭해 사용자 지정하거나 애니메이션 효과를 추가, 또는 모바일 사이트에서 비공개합니다.
- 라이트박스 외부를 클릭해 오버레이에 액세스한 후 설정 아이콘을 클릭해 라이트박스를 닫는 기능을 활성화 또는 비활성화합니다.
- 'X' 아이콘(라이트박스에 표시되도록 설정한 경우)을 클릭해 애니메이션을 추가하거나 모바일 사이트에서 비공개합니다.
- '닫기 버튼'(라이트박스를 표시되도록 설정한 경우)을 클릭해 텍스트 크기 및 정렬을 변경하고, 애니메이션을 추가하거나 모바일 사이트에서 비공개합니다.

중요!

모바일 에디터에서는 라이트박스의 디자인 옵션이 제한됩니다. 예:

모바일 버전의 사이트에서는 라이트박스 오버레이를 편집할 수 없습니다.
데스크톱에서 색상이나 이미지 오버레이를 추가하면 모바일 사이트에도 자동으로 적용됩니다. 그러나 동영상 오버레이를 추가하는 경우에는 사이트의 모바일 버전에서 동영상의 정지 이미지로 변환됩니다.
선택한 배경은 모바일 사이트에 자동으로 적용되며, 모바일 에디터에서 변경할 수 없습니다.

참고:

사이트가 완전히 로딩되면 라이트박스의 지연시간 타이머가 시작됩니다. 지연시간 타이머를 0으로 설정한 경우에도 사이트가 로딩되는 동안 여전히 약간의 지연이 발생할 수 있습니다.

데스크톱 에디터에서 라이트박스를 변경하면 모바일 에디터에서 표시되지 않을 수 있습니다.

라이트박스는 페이지 역할을 하기 때문에 페이지 레이아웃 최적화를 사용해 라이트박스를 새로고침하고 변경 사항을 데스크톱에 표시할 수 있습니다.

중요!

새로운 에디터 환경을 사용해 사이트를 구축하는 경우, 페이지 레이아웃 최적화 도구에 액세스할 수 없습니다. 이는 Wix가 새로운 에디터 환경에서 모바일 레이아웃을 자동으로 최적화하기 때문입니다.

참고:

레이아웃 최적화 버튼 클릭 시에는 전체 모바일 사이트가 아닌 라이트박스만 새로고침됩니다.변경 사항이 마음에 들지 않는다면, 에디터 상단 바에서 실행 취소

아이콘을 클릭합니다.

페이지 메뉴