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

Wix 에디터: 모바일 사이트 모양 구분선 사용자 지정하기

2 분
페이지 메뉴
  • 모바일 사이트에서 모양 구분선의 작동 방식
  • 모바일 사이트의 모양 구분선 사용자 지정하기
  • 모바일 사이트에서 모양 구분선 제거하기
모양 구분선은 한 스트립/섹션에서 다른 스트립/섹션으로 전환할 때 개성을 더하기 위해 추가할 수 있는 특별한 모양입니다. 데스크톱에 추가한 구분선은 모바일 사이트에 자동으로 표시되며 필요에 따라 조정할 수 있습니다.

모바일 사이트에서 모양 구분선의 작동 방식

모양 구분선은 데스크톱 요소이므로 두 버전(모바일 및 데스크톱)이 연결됩니다. 모바일 사이트의 구분선을 편집하지 않으면 데스크톱에서 변경한 내용이 모바일 사이트에 자동으로 적용됩니다. 
모바일 사이트의 구분선을 사용자 지정하면 데스크톱에서 변경한 내용이 더 이상 모바일 버전에 영향을 미치지 않습니다. 하지만, 데스크톱 에디터에서 구분선을 삭제하면 모바일 사이트에서도 자동으로 삭제됩니다. 
참고:
모양 구분선은 모바일 전용으로 추가할 수 없습니다.

모바일 사이트의 모양 구분선 사용자 지정하기

데스크톱 에디터에서 추가한 구분선을 모바일용으로 사용자 지정할 수 있습니다. 새로운 모양과 효과를 선택하고 색상과 크기를 조정해 페이지 디자인으로 보완해 보세요.

데스크톱 구분선을 모바일용으로 사용자 지정하려면:

  1. 섹션 또는 스트립을 선택합니다.
    • (스트립의 경우) 모바일 에디터에서 스트립을 클릭합니다.
    • (섹션의 경우) 모바일 에디터에서 섹션을 두 번 클릭합니다.
  2. 모양 구분선 아이콘을 클릭합니다.
  3. 상단 또는 하단 탭을 클릭합니다(섹션 또는 스트립에 두 개의 구분선이 있는 경우).
  4. 모양 구분선으로 수행할 작업을 선택합니다.
    • 새 모양 구분선 선택: 새로운 구분선 모양을 선택합니다.
    • 구분선 조정: 패널 하단에서 디자인 사용자 지정을 클릭해 다음 옵션으로 구분선을 편집합니다.
      • 투명도 및 색상: 구분선에 원하는 색상을 선택하고 스트립 / 섹션에서의 투명도를 조정합니다.
      • 높이: 섹션 또는 스트립에서의 구분선 높이를 설정합니다.
      • 수평 간격: 모양 구분선을 왼쪽이나 오른쪽으로 이동해 위치를 변경합니다. 
      • 레이어 효과: 버튼을 클릭해 구분선에 사라지기 효과를 추가한 다음 드롭다운에서 방향을 선택합니다.
        • 중앙: 효과가 전체 구분선에 표시됩니다.
        • 위로 페이드인: 구분선 위로 갈수록 효과가 줄어듭니다.
        • 아래로 페이드인: 구분선 아래로 갈수록 효과가 줄어듭니다.
      • 반전: 구분선 모양이 위아래로 반전됩니다.
      • 뒤집기: 스트립 / 섹션에서 반대 방향(좌우)으로 표시되도록 구분선을 설정합니다.
      • 반복 횟수: 구분선에서 패턴이 반복되는 횟수를 설정합니다.
참고:
사용 가능한 옵션은 선택한 모양에 따라 다릅니다.
모바일 에디터의 모양 구분선 디자인 패널입니다. 높이를 조정하는 중입니다.

모바일 사이트에서 모양 구분선 제거하기

모바일 사이트에 필요하지 않다고 생각되면 스트립 및 섹션에서 모양 구분선을 제거할 수 있습니다. 데스크톱 사이트에는 영향을 미치지 않습니다.

모바일에서 모양 구분선을 삭제하려면:

  1. 섹션 또는 스트립을 선택합니다.
    • (스트립의 경우) 모바일 에디터에서 스트립을 클릭합니다.
    • (섹션의 경우) 모바일 에디터에서 섹션을 두 번 클릭합니다.
  2. 모양 구분선 아이콘을 클릭합니다.
  3. 상단 또는 하단 탭을 클릭합니다(스트립 또는 섹션에 두 개의 구분선이 있는 경우).
  4. 패널에서 없음을 선택합니다.
모바일 에디터의 모양 구분선 패널입니다. '없음' 옵션이 선택되어 있습니다.