Wix 에디터: 라이트박스 사용자 지정하기

7 분 분량

라이트박스를 원하는 디자인으로 사용자 지정해 보세요. 오버레이를 선택해 라이트박스 주변의 페이지를 덮고, 라이트박스의 위치를 설정하고, 배경을 변경해 브랜드 고유의 디자인을 만들 수 있습니다.

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

페이지에서 라이트박스가 표시되는 위치를 설정합니다. 라이트박스가 표시되어야 하는 페이지의 모서리를 선택하고 화면 가장자리에서 라이트박스의 거리(간격)를 조정할 수 있습니다.

에디터로 이동합니다.
에디터 왼쪽에서 페이지 및 메뉴를 클릭합니다.
라이트박스 를 클릭합니다.
해당 라이트박스를 클릭해 엽니다.
에디터에서 라이트박스를 선택합니다.
레이아웃 아이콘을 클릭합니다.
레이아웃을 조정할 방법을 선택합니다.
- 위치 설정: 그리드의 직사각형을 클릭해 페이지에서 라이트박스의 위치를 설정합니다.
- 수평 간격: 상자를 화면의 왼쪽이나 오른쪽으로 이동합니다.
- 수직 간격: 상자를 화면의 위쪽이나 아래쪽으로 이동합니다.

오버레이는 사이트의 나머지 부분을 가려주는 라이트박스 주변의 공간입니다. 오버레이를 사용하면 방문자가 라이트박스의 메시지에 집중할 수 있습니다. 사이트 방문자가 오버레이를 클릭해 라이트박스를 닫을 수 있는지 여부를 선택합니다.

모바일 최적화 사이트의 오버레이:

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

라이트박스에 색상, 이미지 또는 동영상 배경을 포함하도록 선택합니다. 선택하는 유형에 따라 투명도 및 배율과 같은 설정을 조정할 수도 있습니다.

에디터로 이동합니다.
에디터 왼쪽에서 페이지 및 메뉴를 클릭합니다.
라이트박스 를 클릭합니다.
해당 라이트박스를 클릭해 엽니다.
에디터에서 라이트박스를 선택합니다.
디자인 아이콘을 클릭합니다.
라이트박스에 사용할 배경 유형을 클릭합니다.
- 색상: 색상 선택기에서 색상을 선택하거나 멋진 그라데이션을 추가해 조정합니다.
- 이미지: 나만의 이미지, Wix, Shutterstock 이미지에서 선택합니다.
- 동영상: 무료 Wix 동영상을 선택하거나 나만의 동영상을 업로드합니다.
(선택사항) 설정을 클릭해 원하는 대로 배경을 조정합니다.

방문자가 라이트박스를 닫기 위해 클릭하는 버튼의 모양과 레이아웃을 조정합니다. 텍스트를 선택하고, 버튼 텍스트의 정렬을 설정하고, 기본 및 마우스오버별 디자인을 사용자 지정해 눈에 띄게 만들 수 있습니다.

버튼에 표시되는 텍스트를 변경합니다.

버튼의 텍스트 정렬을 조정합니다.

버튼 디자인하기

라이트박스 설정 패널에서 X(라이트박스 닫기) 아이콘을 활성화한 경우, 미적 디자인에 맞게 디자인을 조정할 수 있습니다. 다양한 디자인 중에서 선택하고 색상, 투명도 및 테두리를 사용자 지정하세요.

에디터로 이동합니다.
에디터 왼쪽에서 페이지 및 메뉴를 클릭합니다.
해당 라이트박스를 엽니다.
에디터에서 라이트박스를 클릭합니다.
라이트박스 닫기 (X) 아이콘을 클릭합니다.
디자인 아이콘을 클릭합니다.
X 아이콘을 사용자 지정하는 방법을 선택합니다.
- 새 디자인 선택: 패널에서 프리셋을 클릭해 새 아이콘 디자인을 설정합니다.
- 아이콘 사용자 지정: 디자인 사용자 지정을 클릭하고 원하는 방식으로 아이콘을 편집합니다.
  - 색상 및 투명도: 색상 선택기에서 아이콘 색상을 선택하고 슬라이더를 사용해 투명도를 조정합니다.
  - 테두리: 아이콘 테두리의 색상을 선택하고 두께(픽셀 단위)를 설정합니다.

페이지 메뉴

관련 게시물