Wix 에디터: 텍스트 및 아이콘 버튼 사용자 지정하기

3 분 분량
텍스트 버튼에는 방문자가 사이트와 상호 작용하고 작업을 수행할 수 있는 명확한 콜 투 액션(CTA)이 포함됩니다. 
다음 지침을 참고하세요.
텍스트 버튼을 사용하는 경우:
Wix 사이트에 이미 추가되어 있는 텍스트 버튼은 사용자 지정할 수는 있지만 기존 텍스트 버튼은 더 이상 사이트에 추가할 수 없습니다. 추가 패널의 텍스트 및 아이콘 버튼에서 찾을 수 있는 새 텍스트 버튼을 사용할 것을 권장합니다.

버튼 텍스트 변경하기

방문자가 사이트와 상호 작용할 수 있도록 버튼 텍스트를 입력하세요. "문의하기", "더 보기" 또는 "지금 구매하기" 등과 같은 문구를 사용할 수 있습니다.

버튼 텍스트를 변경하려면:

  1. 에디터에서 버튼을 클릭합니다.
  2. 텍스트 및 아이콘 변경을 클릭합니다.
  3. 버튼 텍스트에 원하는 텍스트를 입력합니다.

버튼 디자인하기

버튼을 디자인하는 것은 버튼을 사이트의 디자인과 요구에 맞도록 사용자 지정할 수 있는 좋은 방법입니다. 각 버튼 상태별로 디자인을 조정합니다.
  • 기본: 상호 작용하기 전에 버튼이 표시되는 방법입니다.
  • 마우스오버: 버튼에 커서를 마우스오버 시 버튼이 표시되는 방법입니다. 

버튼을 디자인하려면:

  1. 에디터에서 버튼을 클릭합니다.
  2. 디자인 아이콘을 클릭합니다.
  3. 디자인 사용자 지정을 클릭합니다.
  4. 버튼 상태를 선택합니다.
  5. 아래 디자인 옵션을 사용해 버튼을 사용자 지정합니다.
    • 배경 채우기: 배경 색상을 선택하고 투명도를 조정합니다.
    • 테두리: 테두리 색상, 투명도, 폭을 조정합니다.
    • 모서리: 상자를 사용해 버튼 모서리의 픽셀 크기를 조정합니다.
    • 음영: 버튼에 음영을 추가하고 사용자 지정합니다.
    • 레이아웃: 버튼의 레이아웃 및 정렬을 편집합니다.
    • 텍스트: 텍스트의 테마, 색상, 글꼴, 크기 및 서식을 조정합니다.
    • 아이콘: 텍스트가 있는 아이콘을 표시하고 해당 설정을 조정합니다.

버튼 레이아웃 조정하기

버튼의 텍스트 또는 아이콘 사이의 위치, 정렬, 간격을 변경하세요. 또한, 버튼에 전체 텍스트를 표시할 공간이 충분하지 않은 경우 발생하는 작업을 결정할 수도 있습니다. 

버튼 레이아웃을 조정하려면:

  1. 에디터에서 버튼을 클릭합니다.
  2. 레이아웃 아이콘을 클릭합니다.
  3. 다음 설정을 조정합니다.
    • 표시할 항목 선택: 텍스트 및 아이콘텍스트아이콘 또는 표시하지 않음 중에서 버튼에 표시할 항목을 선택합니다.
    • 아이콘 위치: 텍스트와 아이콘을 모두 표시하도록 선택하면 나란히 또는 위아래로 배치하도록 결정할 수 있습니다. 
    • 텍스트 및 아이콘 간격: 텍스트와 아이콘을 모두 표시하도록 선택하면 슬라이더를 끌어 둘 사이의 간격(px)을 설정할 수 있습니다.
    • 정렬: 텍스트와 아이콘을 버튼의 왼쪽, 중앙 또는 오른쪽에 정렬합니다. 맞춤을 클릭해 버튼의 양쪽 여백에 정렬할 수도 있습니다.

도움이 되었나요?

|