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

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

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

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

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

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

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

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

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

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

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

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

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