·
7 분 읽기
·
WindWalker 팀
Guide
구조 편집
섹션 추가·삭제·순서 변경 및 새 페이지 추가 — 구조 편집 가이드
"생성된 사이트에 팀 소개가 없어요." "가격표가 너무 위에 있어요." "블로그 페이지도 만들고 싶어요." 구조 수정은 사이트를 내 것으로 만드는 과정입니다. 채팅 한 줄로 섹션을 추가하고, 페이지를 만들고, 네비게이션까지 자동으로 업데이트됩니다.
WindWalker 구조 이해하기
수정 전에 사이트의 구조를 이해하면 도움이 됩니다. WindWalker 사이트는 다음과 같이 구성됩니다.
사이트
├── Home (페이지)
│ ├── Hero 섹션
│ ├── Features 섹션 ← 추가/삭제/이동 가능
│ └── CTA 섹션
├── About (페이지) ← 추가/삭제 가능, nav 자동 동기화
│ ├── 팀 소개 섹션
│ └── 연혁 섹션
└── Contact (페이지)
└── 문의 양식 섹션
├── Home (페이지)
│ ├── Hero 섹션
│ ├── Features 섹션 ← 추가/삭제/이동 가능
│ └── CTA 섹션
├── About (페이지) ← 추가/삭제 가능, nav 자동 동기화
│ ├── 팀 소개 섹션
│ └── 연혁 섹션
└── Contact (페이지)
└── 문의 양식 섹션
페이지 안에 섹션이 쌓이는 구조입니다. 섹션은 페이지 내에서 추가·삭제·순서 변경이 가능하고, 페이지는 사이트 전체에서 추가·삭제가 가능합니다.
채팅 한 줄로 할 수 있는 구조 변경
➕
섹션 추가
🗑
섹션 삭제
↕
순서 변경
📄
새 페이지 추가
섹션 추가하기
페이지에 새로운 섹션을 넣을 때는 어느 페이지에 어떤 내용을 넣을지 말하면 됩니다.
홈 페이지에 고객 후기 섹션 추가해줘
홈 페이지에 고객 후기 섹션을 추가했습니다. 현재는 예시 후기 3개가 들어가 있습니다. 실제 후기로 교체하시려면 말씀해 주세요.
연락처 페이지에 FAQ 섹션 넣어줘. 자주 묻는 질문 5개 정도로
연락처 페이지에 FAQ 섹션을 추가했습니다. 업종에 맞는 질문 5개를 임시로 작성했습니다.
위치 지정: "맨 아래에", "히어로 배너 바로 아래에", "가격표 섹션 위에" 처럼 위치를 지정하면 더 정확하게 배치됩니다.
섹션 삭제하기
필요 없는 섹션은 이름이나 위치로 지정해서 삭제합니다.
홈 페이지에서 두 번째 섹션 없애줘
About 페이지의 팀 소개 블록 제거해줘
섹션 순서 변경하기
섹션의 순서가 마음에 들지 않을 때는 이동 위치를 말해주면 됩니다.
홈 페이지에서 가격표를 히어로 배너 바로 아래로 옮겨줘
홈 페이지의 가격표 섹션을 히어로 배너 바로 아래 위치로 이동했습니다.
WindWalker AI Chat — 섹션 순서 변경
홈 페이지에서 가격표를 히어로 배너 바로 아래로 옮겨줘
홈 페이지의 가격표 섹션을 히어로 배너 바로 아래 위치로 이동했습니다.
새 페이지 추가하기 — WindWalker 차별점
WindWalker에서 새 페이지를 추가하면 단순히 빈 페이지만 생기는 것이 아닙니다. 네비게이션에도 자동으로 새 항목이 추가됩니다.
블로그 페이지 만들어줘
블로그 페이지를 생성하고 모든 페이지 네비게이션에 'Blog' 항목을 추가했습니다.
반대로 네비게이션 항목만 추가하거나 변경하는 것도 가능합니다.
메뉴에 Portfolio 항목 추가하고 /portfolio 페이지로 연결해줘
WindWalker 차별점: 기존 웹빌더에서는 페이지를 만들고 나서 네비게이션 설정을 따로 해야 합니다. WindWalker는 채팅 한 줄로 페이지 생성과 네비게이션 업데이트가 동시에 이루어집니다.
페이지 삭제하기
페이지를 삭제하면 네비게이션에서도 자동으로 제거됩니다.
About 페이지 없애줘
About 페이지를 삭제하고 네비게이션에서도 제거했습니다.
주의: 페이지를 삭제하면 해당 페이지의 콘텐츠가 모두 제거됩니다. 나중에 다시 필요해지면 새로 만들어야 합니다.
구조 변경은 언제든지 가능합니다
처음 사이트를 만들 때 완벽한 구조를 결정할 필요는 없습니다. WindWalker에서는 구조 변경이 채팅 한 줄로 처리되기 때문에, 나중에 생각이 바뀌어도 부담 없이 수정할 수 있습니다.
- 섹션을 추가했다가 마음에 안 들면 바로 삭제
- 페이지 순서가 어색하면 네비게이션 순서 변경 요청
- 새 기능이 생겼을 때 새 페이지나 섹션으로 추가
다음 단계: 구조 편집에 익숙해졌다면, 전체 사이트의 색상과 폰트를 한 번에 바꾸는 방법을 배워볼 차례입니다. 디자인 시스템 활용 가이드에서 이어서 확인하세요.