Wix 에디터: 모바일 전용 요소 추가 및 사용자 지정하기
5 분 분량
페이지 메뉴
- 모바일 전용 요소 추가하기
- 모바일 전용 요소 디자인하기
- 모바일 전용 요소 레이아웃 조정하기
- 모바일 전용 요소 복제하기
모바일 에디터를 사용해 모바일 사이트 전용 요소를 추가할 수 있습니다. 작은 화면에 완벽하게 최적화된 텍스트, 이미지, 버튼, 삽입 요소 및 기타 요소를 추가해보세요.
모바일 전용 요소는 데스크톱 사이트에 나타나지 않기 때문에, 원하는 대로 디자인하고 레이아웃을 조정하며 간편한 편집을 위해 요소를 복제할 수 있습니다. 이를 통해 모바일 환경에 적합하지 않은 데스크톱 요소를 재배치하거나 모바일 환경을 위한 완전히 새로운 모습을 생성할 수 있습니다.
모바일 에디터에 어떻게 액세스하나요?
모바일 전용 요소 추가하기
모바일 기기를 사용하는 방문자가 완전한 모바일 경험을 누릴 수 있도록 사이트에 모바일 전용 요소를 추가하세요. 모바일 에디터의 모바일에 추가 패널에서 텍스트, 이미지, 버튼 등과 같은 요소를 추가할 수 있습니다.
![모바일 에디터의 추가 패널입니다. 추가 아이콘이 강조 표시되어 있으며, 커서를 '아이콘 버튼'에 마우스오버하고 있습니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/23/e899c68c-83f2-447a-9b0a-98de6ab3415c/9e834697-7b65-4b58-955c-b30d57dadd86.png)
아래 옵션을 클릭해 사용 가능한 요소의 유형에 대해 자세히 알아보세요.
텍스트
이미지
버튼
장식용
상자
SNS
코드 삽입
모바일 요소와 데스크탑 요소를 어떻게 구분하나요?
모바일 전용 요소는 클릭하면 모바일
아이콘이 표시됩니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/7648ead5-a940-4b7a-a2b2-eb7f8edc6f2b/d34b0146-2e71-47f0-989d-04baf5327e76.png)
모바일 전용 요소 디자인하기
채우기 색상, 테두리, 음영 등의 디자인 옵션을 사용해 요소를 사용자 지정할 수 있습니다. 요소를 디자인함으로써 모바일 사이트를 독창적으로 꾸미고 방문자를 위한 재미 있고 유익한 무언가를 만들 수 있습니다.
요소를 디자인하려면:
- 모바일 전용 요소를 클릭합니다.
- 디자인
아이콘을 클릭합니다.
- 사용 가능한 사용자 지정 옵션을 통해 요소를 디자인합니다.
참고:
사용 가능한 디자인 옵션은 요소의 유형에 따라 달라집니다.
![모바일 에디터의 벡터아트 디자인 패널](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/fe27b1c3-554f-4f2d-8bd2-472503404a1d/f6a324d3-26ac-4920-8bf2-581520794ca2.png)
모바일 전용 요소 레이아웃 조정하기
요소의 레이아웃을 모바일 사이트에 맞춰 변경해보세요. 요소를 조정하면 사이트를 깔끔하게 유지하고 모바일 방문자에게 원활한 경험을 제공할 수 있습니다.
요소의 레이아웃을 변경하려면:
- 모바일 전용 요소를 클릭합니다.
- 레이아웃
아이콘을 클릭합니다.
- 사용 가능한 사용자 지정 옵션을 통해 레이아웃을 조정합니다.
참고:
사용 가능한 디자인 옵션은 요소의 유형에 따라 달라집니다.
![모바일 에디터 SNS 모음의 레이아웃 패널입니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/7a4e84dc-4a5b-4681-be9c-a33cd554dcfc/96b263fb-c338-40fe-a741-adea714fafa4.png)
스트립을 이동하고 싶다면:
모바일 에디터에서 스트립 또는 단을 클릭하고 끌어 요소 및 해당 요소를 이동할 수 있습니다.
모바일 전용 요소 복제하기
모바일 사이트에서 요소를 빠르고 간편하게 원하는 만큼 복사하고 붙여넣을 수 있습니다.
모바일 전용 요소를 복제하려면:
- 마우스 오른쪽 버튼으로 요소를 클릭합니다.
- 복사를 클릭합니다.
- 마우스 오른쪽 버튼으로 페이지 / 스트립을 클릭합니다.
- 붙여넣기를 클릭합니다.
참고:
- 지원되는 모바일 요소만 데스크톱 에디터에서 복사해 모바일 에디터로 붙여넣을 수 있습니다.
- 모바일 전용 요소는 데스크톱 에디터에 붙여넣을 수 없습니다.
![모바일 에디터에서 요소를 복사해 붙여넣는 모습을 보여주는 GIF](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/db0b05e7-91cf-45cd-b203-012ff81e57de/d0540c4e-9d72-4a1d-b4c6-2c8e0374e22e.gif)