Wix 에디터: 텍스트 및 아이콘 버튼 사용자 지정하기
4 분 분량
페이지 메뉴
- 버튼 텍스트 변경하기
- 버튼 디자인하기
- 버튼 레이아웃 조정하기
원하는 대로 정확하게 표시되도록 텍스트 및 아이콘 버튼을 사용자 지정하세요. 필요에 따라 버튼 텍스트를 업데이트하거나 버튼의 모양을 디자인하고 레이아웃(예: 위치, 간격 등)을 조정할 수 있습니다.
텍스트 버튼을 사용 중이라면:
Wix 사이트에 이미 추가되어 있는 텍스트 버튼은 사용자 지정할 수는 있지만 기존 텍스트 버튼은 더 이상 사이트에 추가할 수 없습니다. 추가 패널의 텍스트 및 아이콘 버튼에서 찾을 수 있는 새 텍스트 버튼을 사용하는 것이 좋습니다.
버튼 텍스트 변경하기
방문자가 사이트와 상호 작용할 수 있도록 버튼 텍스트를 입력하세요. "문의하기", "더 보기" 또는 "지금 구매하기" 등과 같은 문구를 사용할 수 있습니다.
버튼 텍스트를 변경하려면:
- 에디터로 이동합니다.
- 페이지의 버튼을 클릭합니다.
- 설정을 클릭합니다.
- 표시할 항목 선택 드롭다운에서 다음 옵션 중 하나를 선택합니다.
텍스트 및 아이콘
아이콘
텍스트
표시하지 않음
![Wix 에디터의 버튼 설정 패널.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/29/4f4460cf-c393-4c70-9794-5d7608109215/afa04e7b-6d5f-4ec4-a505-2e48c7a6929c.png)
레이아웃 패널에서 버튼에 표시할 내용을 선택할 수도 있습니다.
버튼 디자인하기
버튼을 디자인하는 것은 버튼을 사이트의 디자인과 요구에 맞도록 사용자 지정할 수 있는 좋은 방법입니다. 각 버튼 상태별로 디자인을 조정합니다.
- 기본: 상호 작용하기 전에 버튼이 표시되는 방법입니다.
- 마우스오버: 버튼에 커서를 마우스오버 시 버튼이 표시되는 방법입니다.
버튼을 디자인하려면:
- 에디터로 이동합니다.
- 페이지의 버튼을 클릭합니다.
- 디자인 아이콘을 클릭합니다.
- 디자인 사용자 지정을 클릭합니다.
- 버튼 상태를 선택합니다.
- 필요에 맞게 디자인을 조정합니다.
- 배경 채우기: 배경 색상을 선택하고 투명도를 조정합니다.
- 텍스트: 텍스트의 테마, 색상, 글꼴, 크기 및 서식을 조정합니다.
- 테두리: 테두리 색상, 투명도, 폭을 조정합니다.
- 모서리: 상자를 사용해 버튼 모서리의 픽셀 크기를 조정합니다.
- 음영: 버튼에 음영을 추가하고 사용자 지정합니다.
- 레이아웃: 버튼의 레이아웃 및 정렬을 편집합니다.
- 아이콘: 텍스트가 있는 아이콘을 표시하고 해당 설정을 조정합니다.
![Wix 에디터의 버튼 디자인 패널](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/29/83fe4a9d-aa54-4c07-a5fb-5cdc6748d52b/93bc6055-8228-4251-bd40-0eced103dc96.png)
버튼 레이아웃 조정하기
버튼의 텍스트 또는 아이콘 사이의 위치, 정렬, 간격을 변경하세요. 또한, 버튼에 전체 텍스트를 표시할 공간이 충분하지 않은 경우 발생하는 작업을 결정할 수도 있습니다.
버튼 레이아웃을 조정하려면:
- 에디터로 이동합니다.
- 페이지의 버튼을 클릭합니다.
- 레이아웃 아이콘을 클릭합니다.
- 다음 설정을 조정합니다.
- 표시할 항목 선택: 텍스트 및 아이콘, 텍스트, 아이콘 또는 표시하지 않음 중에서 버튼에 표시할 항목을 선택합니다.
- 아이콘 위치: 텍스트와 아이콘을 모두 표시하도록 선택한 경우, 나란히 또는 아래에 배치하는 방법을 결정합니다.
- 텍스트 및 아이콘 간격: 텍스트와 아이콘을 모두 표시하도록 선택한 경우, 슬라이더를 끌어 사이의 간격(px)을 설정합니다.
- 정렬: 텍스트와 아이콘을 버튼의 왼쪽, 중앙 또는 오른쪽에 정렬합니다. 맞춤 을 클릭해 버튼의 양쪽 여백에 정렬할 수도 있습니다.
설정 패널에서 버튼에 표시할 내용을 선택할 수도 있습니다.
![Wix 에디터의 버튼 레이아웃 패널.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/29/3e9eec6c-6741-43d8-8972-bfa9fc2d29fe/abefb087-1c97-4194-b9c8-dc1b69c339ad.png)