header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Wix 에디터: 모바일 사이트에 Top 버튼 추가 및 사용자 지정하기

2 분
페이지 메뉴
  • Top 버튼 추가하기
  • Top 버튼 사용자 지정하기
  • Top 버튼 레이아웃 변경하기
Top 버튼을 추가해 모바일 방문자가 사이트 상단으로 빠르게 이동할 수 있도록 하세요. 아이콘을 원하는 대로 변경하고 방문자가 눈에 띌 수 있도록 추가로 사용자 지정할 수 있습니다.

Top 버튼 추가하기

모바일 에디터의 모바일 도구 패널에서 버튼을 추가해 시작하세요.
참고:
Top 버튼은 최소 1380픽셀 길이의 표준 레이아웃 페이지에만 표시됩니다(짧은 페이지 제외).

Top 버튼을 추가하려면:

  1. 모바일 에디터 왼쪽에서 모바일 도구를 클릭합니다.
  2. Top 버튼사이트에 추가 아이콘을 클릭합니다.
모바일 에디터의 모바일 도구 패널. 커서가 Top 버튼을 클릭하고 있습니다.
추가 정보:

Top 버튼 사용자 지정하기

버튼 아이콘을 선택하세요. 사전 설정 중 하나를 선택하거나 직접 업로드하고 사이트 디자인에 맞게 디자인을 추가로 사용자 지정할 수 있습니다.

아이콘을 변경하려면:

  1. 모바일 에디터로 이동합니다.
  2. 버튼을 클릭합니다.
  3. 아이콘 변경을 클릭합니다.
  4. 다음에 수행할 작업을 선택합니다.
    • 프리셋 아이콘을 선택합니다.
    • 추가 아이콘을 클릭해 직접 업로드하거나 1000개의 벡터아트 이미지 중 선택합니다.
  5. (선택사항) 디자인 사용자 지정을 클릭해 원하는 대로 디자인합니다.
    • 채우기 색상: 색상을 선택하고 투명도를 조정합니다.
    • 음영: 버튼의 음영을 활성화 및 조정해 3D 효과를 제공합니다.
아이콘 변경 패널입니다. 커서가 화살표 아이콘을 클릭했습니다.

Top 버튼 레이아웃 변경하기

모바일 사이트의 정렬에 맞게 버튼의 위치와 여백을 변경하세요.

레이아웃을 조정하려면:

  1. 모바일 에디터로 이동합니다.
  2. 버튼을 클릭합니다.
  3. 레이아웃 아이콘을 클릭합니다.
  4. 다음 옵션을 사용해 레이아웃을 조정합니다.
    • 버튼 정렬: 버튼을 사이트의 왼쪽 또는 오른쪽으로 정렬합니다.
    • 여백: 슬라이더를 사용해 버튼 주변의 여백을 조정합니다.
버튼 레이아웃 패널입니다. 커서가 슬라이더를 끌어 버튼 주위의 세로 여백을 조정하고 있습니다.
모바일 에디터의 모바일 도구 패널. 커서가 Top 버튼을 클릭하고 있습니다.
아이콘 변경 패널입니다. 커서가 화살표 아이콘을 클릭했습니다.
버튼 레이아웃 패널입니다. 커서가 슬라이더를 끌어 버튼 주위의 세로 여백을 조정하고 있습니다.