페이지·섹션 둘러보고 직접 고치기

웹사이트 기획서의 실제 내용은 상세 화면의 사이트 구조 카드에 들어 있습니다. 페이지마다 탭이 있고, 그 안에 섹션이 카드 한 장씩 쌓여 있어서 마음에 들지 않는 부분만 골라 바로 고칠 수 있습니다. 이 글에서는 페이지 탭과 섹션 카드의 구성을 먼저 살펴본 뒤, 내용을 직접 고치는 방법, 섹션을 추가하고 순서를 바꾸고 다른 페이지로 옮기거나 복사하는 방법, 섹션과 페이지를 삭제하는 방법을 차례로 안내합니다. 상세 화면 전체의 구성은 앞선 글에서 다룹니다.

1. 페이지 탭과 섹션 카드 둘러보기

사이트 구조 (N개 페이지) 카드 안에는 페이지 탭이 나란히 있습니다. 탭에는 번호와 페이지 이름이 적혀 있고, 누르면 아래 내용이 그 페이지로 바뀝니다. 탭 줄 맨 끝의 점선 + 버튼은 새 페이지를 추가하는 버튼입니다.

선택한 페이지의 위쪽에는 번호, 이름, 주소(/about 같은 형태), 목적 상자가 있고, 오른쪽에는 페이지 단위 버튼이 있습니다. AI 재생성은 페이지의 모든 섹션을 AI로 다시 만드는 버튼이고, 페이지 복사를 누르면 이 페이지의 섹션 내용이 글자로 복사됩니다. 휴지통 모양은 페이지 삭제 버튼입니다. 다운로드와 MD 복사, MD 버튼은 플랜에 따라 보이는 것이 다릅니다.

섹션 구성 아래에는 섹션이 카드 한 장씩 순서대로 나옵니다. 카드 왼쪽 위에는 순번과 섹션 종류(HERO, FEATURES 같은 영문 태그), 섹션 이름이 있고, 그 아래에 현재 내용이 미리 보입니다. 카드 오른쪽 위의 버튼은 왼쪽부터 다음과 같습니다.

• 복사 아이콘: 섹션 내용을 글자로 복사합니다. 누르면 콘텐츠가 복사되었습니다. 알림이 나타납니다.
• 직접 편집: 카드 안에서 내용을 직접 고칩니다.
• AI 편집: AI로 이 섹션의 내용을 다시 만듭니다.
• 위·아래 화살표: 섹션 순서를 바꿉니다.
• 사각형에서 화살표가 나가는 아이콘: 다른 페이지로 이동하거나 복사합니다.
• 오른쪽 끝 ×: 섹션을 삭제합니다.

2. 내용 직접 고치기

고치고 싶은 섹션 카드에서 직접 편집을 누르면 카드 안에 편집 칸이 열리고 아래에 취소와 저장 버튼이 나타납니다.

취소를 누르면 편집 칸만 닫히고 내용은 그대로입니다. 저장을 누르면 페이지가 새로 고쳐지고, 같은 페이지 탭이 열린 채로 고친 내용이 카드에 반영됩니다.

내용이 아직 없는 섹션은 편집 칸이 비어 있습니다. 여기에 문장을 입력하고 저장하면 첫 줄은 제목처럼, 나머지 줄은 본문 문단으로 카드에 나타납니다.

AI 편집을 누르면 (섹션 이름) 섹션 AI 편집 창이 열립니다. 섹션 타입, 현재 콘텐츠, 추가 지시사항 칸이 있고 취소와 AI로 재생성 버튼이 있습니다. 창을 열었다가 취소하는 것만으로는 아무것도 바뀌지 않으며, AI로 재생성을 누르면 기존 콘텐츠가 새로 만든 콘텐츠로 대체되고 AI가 사용됩니다.

3. 섹션 추가와 순서 바꾸기

각 페이지 맨 아래의 섹션 추가 버튼을 누르면 창이 열립니다. 섹션 이름과 섹션 타입은 필수이고 목적은 비워 두어도 됩니다. 섹션 타입은 히어로, 기능 소개, 혜택, 고객 후기, 행동 유도, FAQ, 요금제, 프로세스, 폼/문의, 연락처, 갤러리, 통계, 팀 소개, 헤더, 푸터, 콘텐츠 중에서 고르며 처음에는 콘텐츠 (Content)가 선택되어 있습니다.

섹션 추가를 누르면 그 페이지 맨 아래에 새 카드가 생기며, 내용은 비어 있으니 직접 편집으로 채우면 됩니다.

순서는 카드의 위·아래 화살표로 바꿉니다. 아래 화살표를 누르면 바로 아래 섹션과 자리를 바꾸고, 섹션의 내용도 함께 따라갑니다. 맨 위 섹션에서 위쪽 화살표를 누르면 이동할 수 없습니다. 알림이 나타나고 순서는 바뀌지 않습니다.

4. 다른 페이지로 이동하거나 복사하기

이동·복사 아이콘을 누르면 카드 오른쪽에 작은 메뉴가 열리고, 현재 페이지를 뺀 나머지 페이지 이름이 한 줄씩 나옵니다. 줄마다 이동과 복사 버튼이 있습니다.

• 복사: 원래 페이지의 섹션은 그대로 두고, 같은 내용의 섹션을 고른 페이지 맨 아래에 추가합니다.
• 이동: 섹션이 원래 페이지에서 사라지고 고른 페이지 맨 아래로 옮겨 갑니다. 내용도 함께 옮겨 갑니다.

둘 다 누르는 즉시 화면이 새로 고쳐지고 도착한 페이지의 탭이 열립니다.

5. 섹션과 페이지 삭제하기

섹션 카드의 ×를 누르면 이 섹션을 삭제하시겠습니까? 확인 창이 나타나고, 확인하면 섹션과 그 내용이 사라지며 뒤에 있던 섹션의 번호가 하나씩 앞당겨집니다. 페이지는 페이지 위쪽 오른쪽 끝의 휴지통 모양 버튼으로 삭제하며 이 페이지를 삭제하시겠습니까? 확인 창이 나온 뒤, 삭제되면 첫 번째 페이지 탭이 열립니다.

새 페이지는 탭 줄의 + 버튼으로 만듭니다. 페이지 추가 창에는 AI 추천 버튼과 페이지 이름(필수), URL Slug(필수, 영문 소문자와 하이픈), 목적 칸이 있습니다. AI 추천은 AI가 페이지를 제안하는 버튼이라 사용하면 AI가 쓰입니다.

페이지 추가를 누르면 새 탭이 생기고 그 페이지가 열립니다. 새 페이지에는 섹션이 없어서 아직 섹션이 없습니다. 아래 버튼으로 섹션을 추가하세요. 안내와 섹션 추가 버튼만 보입니다.

6. 이렇게 활용해 보세요

• 섹션을 통째로 바꾸기 전에 카드의 복사 아이콘으로 현재 내용을 따로 적어 두면 비교하기 쉽습니다.
• 다른 페이지에도 쓰고 싶은 문구가 있으면 복사로 옮긴 뒤 그 페이지에서 알맞게 고쳐 쓰세요.
• 내용이 비어 있는 새 섹션은 목적을 간단히 적어 두면 나중에 무엇을 채울 자리인지 알아보기 쉽습니다.

7. 알아 두실 점

• 섹션과 페이지를 삭제한 뒤에 되돌리는 버튼은 이 화면에 없습니다. 필요한 내용은 삭제 전에 복사해 두세요.
• AI 재생성, AI 편집, AI로 재생성, AI 추천은 AI가 내용을 새로 만들거나 제안하는 버튼입니다. 누르기 전에 화면의 안내를 확인하세요.
• 직접 편집, 추가, 순서 변경, 이동·복사, 삭제는 누르는 즉시 기획서에 저장됩니다.