Wix 에디터: 레이어 패널 사용하기

3 분 분량
레이어 패널에는 페이지의 모든 요소가 명확하게 나열됩니다. 페이지 레이아웃에 따라 패널은 머리글, 메인 페이지, 바닥글로 나누어져 있으므로 요소를 확인하고 선택해 필요에 따라 조정할 수 있습니다.
다음 도움말을 참고하세요.

레이어 패널 사용하기

레이어 패널을 사용해 사이트의 요소를 선택하고 관리하세요. 이는 요소를 찾고 사이트의 구조와 정렬에 맞게 재정렬할 수 있는 좋은 방법입니다.

패널을 사용하려면:

  1. 에디터로 이동합니다.
  2. 에디터 왼쪽 하단에서 레이어를 클릭합니다.
  3. 머리글, 페이지 또는 바닥글을 클릭해 해당 영역의 요소를 확인합니다.
  4. 목록에서 해당 요소를 찾아 클릭합니다.
  5. 요소로 수행할 작업을 선택합니다.
    • 요소를 앞 또는 뒤로 이동하기
      • 앞으로 이동하기: 키보드에서 Ctrl + ↑를 선택해 요소를 앞으로 이동합니다 (앞으로 가져오려면 Ctrl + Shift + ↑).
      • 뒤로 이동하기: 키보드에서 Ctrl + ↓를 선택해 요소를 뒤로 이동합니다(뒤로 보내려면 Ctrl + Shift + ↓).
    • 요소 중앙 정렬: 요소를 에디터 뷰포트 외부로 이동한 경우, 라이브 사이트에 표시되지 않으며 스크롤 문제가 발생할 수 있습니다. 요소를 화면 중앙으로 가져와 필요에 따라 이동 및 관리하세요.
      1. 패널에서 해당 요소를 선택합니다.
      2. 정보 아이콘에 마우스오버합니다.
      3. 요소 중앙 정렬을 클릭합니다.
    • 요소 사용자 지정 및 조정: 에디터에서 요소를 클릭하고 사용 가능한 옵션을 사용해 콘텐츠, 레이아웃 및 디자인을 조정합니다.
    • 요소 순서 변경: 패널에서 요소를 클릭하고 끌어 순서를 변경합니다. 이는 패널의 순서가 사이트에서 보이는 순서와 일치하는지 확인하는 데 유용한 방법입니다.
에디터의 레이어 패널입니다. 패널에서 스트립이 선택되고 페이지에서 강조 표시되어 있습니다.

개발자 모드에서 요소 작업하기

개발자 모드의 레이어 패널을 사용하면 사이트를 편집할 때 더 많은 기능을 사용할 수 있어 해당 요소에 더 집중할 수 있습니다. 일시적으로 에디터에서 요소를 숨기거나 페이지의 다른 콘텐츠를 숨겨 단일 요소에 집중할 수 있습니다.
추가 정보:
패널에는 페이지의 요소가 속성 패널에서 지정한 ID에 따라 나열되고 그룹화된 요소는 그룹 ID 아래에 표시됩니다. 

개발자 모드에서 패널로 작업하려면:

  1. 에디터로 이동합니다.
  2. 상단 바에서 도구를 클릭합니다.
  3. 레이어를 선택합니다.
  4. 머리글, 페이지 또는 바닥글을 클릭해 해당 영역의 요소를 확인합니다.
  5. 목록에서 해당 요소를 찾아 클릭합니다.
  6. 요소로 수행할 작업을 선택합니다.
    • 일시적으로 요소 숨기기: 레이어 패널에서 요소에 마우스오버한 후 에디터에서 비공개 아이콘을 클릭합니다. 필요할 때 아이콘을 다시 클릭해 요소를 공개할 수 있습니다.
    • 요소에 집중하기: 집중할 요소 옆 스포트라이트 아이콘을 클릭해 해당 요소를 제외한 페이지의 다른 요소를 숨깁니다. 아이콘을 다시 클릭해 스포트라이트를 끌 수 있습니다.
개발자 모드가 활성화된 에디터의 레이어 패널입니다. 비공개 및 스포트라이트 아이콘이 요소 옆에 강조 표시되어 있습니다.
다음 단계:
  • 레이어 패널에서 요소를 선택하면 속성 패널에서도 선택됩니다. 따라서 다른 요소 뒤에 있는 요소의 속성을 옮기지 않고도 작업할 수 있습니다. 
  • Velo by Wix 자료 센터를 통해 온보딩하고 학습을 이어가세요.

자주 묻는 질문

에디터 및 개발자 모드에서 레이어 패널을 사용하는 방법에 대해 자세히 알아보려면 아래 질문을 클릭하세요.

도움이 되었나요?

|