Studio 에디터: 비주얼 사이트맵 편집하기 | 도움말 센터

Studio 에디터: 비주얼 사이트맵 편집하기

5 분 분량

비주얼 사이트맵은 모든 페이지와 섹션을 포함해 클라이언트 사이트에 대한 상위 수준의 보기를 표시합니다. 사이트의 전반적인 구조를 더 나은 관점에서 보는 데 도움이 될 수 있어 더 빨리 구성할 수 있습니다.

페이지 및 섹션을 이동할 수 있도록 하는 비주얼 사이트맵 패널의 드래그-앤-드롭 기능을 보여주는 GIF

다음 지침을 참고하세요.

페이지 및 섹션 추가하기

클라이언트의 사이트맵에서 작업 시 더 많은 페이지와 섹션을 추가하고 쉽게 이동할 수 있습니다.

새 페이지 또는 섹션을 추가하려면:

에디터 왼쪽에서 비주얼 사이트맵 아이콘을 클릭합니다.
추가할 항목을 선택합니다.
- 페이지:
  1. + 페이지 추가를 클릭합니다.
  2. 빈 페이지 또는 동적 페이지 중 해당 페이지 유형을 선택합니다.
  3. (선택사항) 새 페이지를 사이트맵의 해당 위치에 끌어다 놓습니다.
- 섹션:
  1. 해당 페이지 이름 옆 추가 작업 아이콘을 클릭합니다.
  2. 일반 섹션, 빈 섹션 또는 글로벌 섹션 중 섹션 유형을 선택합니다.
  3. (선택사항) 새 섹션을 사이트맵의 해당 위치로 끌어다 놓습니다.
(선택사항) 캔버스에서 페이지 또는 섹션 디자인을 시작합니다.
1. 새 페이지 또는 섹션 옆 추가 작업 아이콘을 클릭합니다.
2. 캔버스에서 편집을 선택합니다.

도움말:

AI를 사용해 해당 사이트를 생성했다면, 관련 콘텐츠로 채워진 페이지와 섹션을 생성할 수 있습니다.

페이지: 새 페이지 추가 시 생성을 선택합니다. 표시해야 하는 콘텐츠를 설명하세요.
섹션: 새 섹션 추가 시 와이어프레임 및 콘텐츠 생성 버튼을 활성화합니다.

기존 섹션에 마우스오버해 섹션 추가

아이콘을 클릭할 수도 있습니다.

더하기 아이콘에 마우스오버해 머리글 아래에 새 섹션을 추가하는 비주얼 사이트맵의 페이지 스크린샷

페이지 및 섹션 이동하기

비주얼 사이트맵을 사용하면 페이지와 섹션을 손쉽게 재정렬해 사이트 구조 정의와 관련된 유연성과 팀워크를 향상시킬 수 있습니다. 드래그-앤-드롭을 사용해 사이트맵에서 페이지와 섹션을 자유롭게 이동하거나 왼쪽 또는 오른쪽(페이지) / 위 또는 아래(섹션)로 한 자리씩 이동할 수 있습니다.

페이지 또는 섹션을 이동하려면:

에디터 왼쪽에서 비주얼 사이트맵 아이콘을 클릭합니다.
페이지 또는 섹션을 이동할 방법을 선택합니다.
- 드래그-앤-드롭: 필요한 위치에 페이지와 섹션을 끌어다 놓습니다. 필요한 경우 페이지 간에 섹션을 이동할 수 있습니다.
- 한칸 이동:
  1. 페이지 또는 섹션 옆 추가 작업 아이콘을 클릭합니다.
  2. 오른쪽 / 왼쪽 / 위 / 아래로 이동을 선택합니다.