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

3 분 분량

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

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

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

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

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

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

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

중요!

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

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