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

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

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

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

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

  1. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  2. 섹션 / 와이어프레임을 클릭합니다.
  3. 카테고리를 클릭해 사용 가능한 디자인을 확인합니다.
  4. 페이지로 섹션을 끌어다 놓습니다. 
  5. 필요에 따라 섹션을 사용자 지정합니다.
    • 요소를 클릭해 콘텐츠를 사용자 지정합니다.
    • 배경을 변경합니다.
    • 이미지 및 텍스트를 나만의 텍스트로 변경합니다.
Studio 에디터의 요소 추가 패널과 섹션 및 와이어프레임 탭에서 사용 가능한 디자인을 보여주는 GIF
나중에 사용할 수 있도록 디자인을 저장하려면:
에디터에서 섹션을 선택해 추가 작업 아이콘을 클릭한 후, 디자인 자산으로 저장을 클릭하세요. 이는 디자인을 저장하고 요소 추가 패널(디자인 자산 탭)에서 사용할 수 있도록 합니다.

빈 섹션 추가하기

완전히 빈 섹션을 추가해 처음부터 디자인할 수 있습니다. 해당 페이지에서 섹션 상단 또는 하단의 섹션 추가 아이콘을 클릭합니다. 
캔버스의 섹션 사이에 있는 섹션 추가 아이콘 스크린샷

빈 섹션을 추가하려면:

  1. 에디터에서 해당 사이트 페이지로 이동합니다.
  2. 해당 섹션 상단 또는 하단의 섹션 추가 아이콘을 클릭합니다. 
  3. (선택사항) 여러 셀이 있는 레이아웃을 선택해 콘텐츠를 구성합니다.
  4. 요소를 추가하고 섹션을 디자인합니다. 
클릭하고 적용할 수 있는 그리드 셀 레이아웃이 표시된 빈 섹션의 스크린샷

셀을 사용해 섹션 구성하기

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

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

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

페이지 섹션 순서 변경하기

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

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

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

섹션 삭제하기

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

섹션을 삭제하려면:

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

도움이 되었나요?

|