Studio 에디터: 섹션 추가 및 관리하기

5 분 분량
섹션은 모든 페이지의 빌딩 블록입니다. 관련 콘텐츠를 함께 유지하고 페이지를 조직적이고 전문적이며 구조화되어 보이도록 하세요. 
각 페이지에 원하는 만큼 섹션을 추가하세요. 빈 섹션, 와이어프레임 또는 완전히 사용자 지정이 가능한 사전 디자인된 섹션 중 선택할 수 있습니다. 섹션은 브라우저의 너비에 걸쳐 있으며, 원하는 높이로 설정할 수 있습니다.
다음 도움말을 참고하세요.
글로벌 섹션을 추가하려면:
글로벌로 설정해 동일한 섹션을 여러 페이지에 표시되도록 하세요.

와이어프레임 및 사전 디자인 섹션 추가하기

Wix는 사이트 제작 과정의 속도를 높일 수 있는 수많은 기성품 및 완전 반응형 섹션을 제공합니다. 원하는 스타일을 선택하고 클라이언트의 스타일에 맞게 사용자 지정하기만 하면 됩니다. 디자인이 아닌 레이아웃에 주로 도움이 필요하다면, 빈 와이어프레임 중 하나를 선택하세요.

와이어프레임 또는 사전 디자인된 섹션을 추가하려면:

  1. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  2. 섹션 / 와이어프레임을 클릭합니다.
  3. 카테고리를 클릭해 사용 가능한 디자인을 확인합니다.
  4. 페이지로 섹션을 끌어다 놓습니다. 
  5. 필요에 따라 섹션을 사용자 지정합니다.
    • 요소를 클릭해 콘텐츠를 사용자 지정합니다.
    • 배경을 변경합니다.
    • 이미지 및 텍스트를 나만의 텍스트로 변경합니다.
Studio 에디터의 요소 추가 패널과 섹션 및 와이어프레임 탭에서 사용 가능한 디자인을 보여주는 GIF

빈 섹션 추가하기

캔버스에서 작업하는 동안 페이지에 빈 섹션을 빠르게 추가할 수 있습니다. 섹션 상단 또는 하단에 마우스오버한 후 + 섹션 추가를 클릭하세요. 처음부터 디자인할지, 그리드 레이아웃을 적용할지, 또는 사전 제작된 디자인을 사용할지 여부를 결정할 수 있습니다.

빈 섹션을 추가하려면:

  1. 해당 페이지로 이동합니다.
  2. 해당 섹션의 상단 또는 하단에 마우스오버한 후 + 섹션 추가를 클릭합니다.
  3. 디자인을 시작할 방법을 선택합니다.
    • 디자인된 섹션: 사전 디자인된 섹션을 선택해 클라이언트의 요구에 맞게 사용자 지정합니다.
    • 그리드 레이아웃: 여러 셀이 있는 레이아웃을 선택해 콘텐츠를 구성합니다.
    • 요소 추가: 먼저 빈 섹션에 요소를 추가합니다. 
클릭하고 적용할 수 있는 그리드 셀 레이아웃이 표시된 빈 섹션의 스크린샷
나중에 사용할 수 있도록 디자인을 저장하려면:
에디터에서 섹션을 선택해 추가 작업 아이콘을 클릭한 후, 디자인 자산으로 저장을 클릭하세요. 이는 디자인을 저장하고 요소 추가 패널(디자인 자산 탭)에서 사용할 수 있도록 합니다.

셀을 사용해 섹션 구성하기

섹션에 셀을 추가해 반응형의 구조화된 레이아웃을 만드세요. 요소를 별도의 셀에 유지하면 모든 화면에서 제자리에 유지될 수 있습니다. 레이아웃을 선택하고 요소를 셀로 이동할 수 있으며 언제든지 셀을 분할하거나 나중에 새 셀을 추가할 수 있습니다. 

섹션에 그리드를 적용하려면:

  1. 에디터에서 해당 섹션을 선택합니다.
  2. 섹션 상단에서 빈 페이지 드롭다운을 클릭합니다. 
섹션 선택 시 열리는 툴바의 스크린샷과 사용 가능한 레이아웃 드롭다운
  1. 행, 열, 콜라주 등 레이아웃을 선택합니다.
    도움말: 언제든지 드롭다운에서 레이아웃을 변경할 수 있으며 요소는 이동하지 않습니다.
  2. 해당 셀에 요소를 끌어다 놓습니다.
  3. (선택사항) 섹션에 셀을 더 추가하거나 기존 셀을 분할합니다.
빈 섹션으로 전환하고 싶다면:
각 셀을 마우스 오른쪽 버튼으로 클릭한 후 삭제를 선택하세요.

페이지 섹션 순서 변경하기

사이트를 구축하는 동안 콘텐츠의 구조와 구성이 약간 달라야 한다고 결정할 수 있습니다. 이때 섹션이 매우 유용합니다. 섹션은 원하는 경우 언제든지 콘텐츠를 매우 빠르게 이동할 수 있습니다.

페이지 섹션을 재정렬하려면:

  1. 에디터에서 해당 섹션을 선택합니다.
  2. 섹션의 추가 작업 아이콘을 클릭합니다.
  3. 위로 또는 아래를 클릭합니다.
캔버스에서 위 또는 아래로 이동하는 방법을 보여주는 섹션의 스크린샷

섹션 삭제하기

섹션은 언제든지 삭제할 수 있습니다. 이를 통해 모든 중단점의 페이지에서 섹션을 삭제합니다. 
참고:
쇼핑몰, 이벤트, 블로그 등 앱이 포함된 섹션은 삭제할 수 없습니다.

섹션을 삭제하려면:

  1. 에디터에서 해당 섹션을 선택합니다.
  2. 섹션의 추가 작업 아이콘을 클릭합니다.
  3. 삭제를 클릭합니다.
섹션을 비공개하려면:
비공개를 클릭해 현재 중단점에서 섹션을 숨길 수 있습니다. 레이어 패널에서 비공개 처리된 섹션을 확인하고 공개할 수 있습니다. 
에디터에서 선택한 섹션의 삭제 방법을 보여주는 스크린샷

도움이 되었나요?

|