---
title: 홈페이지 및 웹사이트 메뉴
description: AI를 이용하거나 수동으로 페이지를 만드는 방법, 드래그 앤 드롭으로 메뉴와 하위 메뉴를 사용자 지정하는 방법, 홈페이지 스타일을 지정하는 방법, 그리고 모든 설정을 기본값으로 되돌리는 방법을 알아보세요.
section: design
keywords: 홈페이지, 사이트 메뉴, 페이지, 서브메뉴, 블록, 히어로 페이지, 연락처 페이지, 회사 소개
updated: 2026-09-16
howto: yes
---

"사이트 홈 및 메뉴" 섹션은 설정에서 사이트 모드 바로 아래에 있습니다. 여기에서 스타일, 홈페이지, 페이지 및 메뉴를 관리할 수 있습니다.

> [!tip] 이 제품은 누구에게 적합할까요?
> 모든 모드에서 사용 가능합니다. 랜딩 페이지의 경우, 이 도구가 핵심적인 역할을 합니다. 스토어 및 보드 페이지에서는 "회사 소개", "배송 정보", "연락처"를 추가하고 홈페이지를 디자인하는 데 활용할 수 있습니다.

![“홈 및 사이트 메뉴” 블록](/wiki/img/settings-pages.webp "웹사이트 스타일, 홈페이지, 메뉴, 페이지까지 모두 한 블록에 담았습니다.")

## 그 블록은 무엇으로 구성되어 있습니까?

1. **사이트 스타일** — 선택한 스타일의 미리보기 영상과 "다른 스타일 선택" 및 "삭제" 버튼이 표시됩니다. [스타일을](/wiki/ko/styles) 참조하세요.
2. **홈 화면** - 사이트 모드, 피드 위아래 블록 개수, "홈 화면에 피드 표시" 스위치, "AI로 홈 디자인" 버튼.
3. **사이트 메뉴 및 페이지** - 페이지 목록, "AI가 포함된 페이지" 및 "수동으로 추가" 버튼.
4. **기본적으로** 버튼은 블록의 맨 위에 있습니다.

## 집

메인 페이지는 상단의 블록, 피드(광고, 제품 또는 게시물), 그리고 하단의 블록, 이렇게 세 부분으로 구성됩니다.

- **홈페이지에 피드 표시** - 홈페이지에 블록만 표시하려면 이 확인란을 선택 해제하세요.
- **AI로 홈페이지 디자인하기** — 미리 만들어진 명령어로 어시스턴트를 실행합니다. 상단에는 회사 이름과 슬로건, 하단에는 장점과 연락처 정보가 포함된 히어로 블록이 표시됩니다. 명령어 텍스트는 편집할 수 있습니다.
- 메인 페이지의 다른 변경 사항은 도우미를 통해 적용할 수 있습니다. 예를 들어 "할인 프로모션 스트라이프 추가", "피드 위에 신제품 8개 표시", "FAQ 블록 제거" 등이 있습니다.

블록 유형: 히어로 섹션, 텍스트 섹션, 이미지 섹션, 갤러리 섹션, 장점 섹션, 클릭 유도 버튼 섹션, 프로모션 스트립 섹션, 제품 선택 섹션, 카테고리 섹션, FAQ 섹션, 연락처 섹션, 구분선 섹션, 사용자 지정 HTML 섹션. 모든 블록은 반응형 디자인을 지원하며 웹사이트 테마와 일치합니다.

## 페이지

### AI로 만들어보세요

1. "AI 페이지"를 클릭하세요.
2. 필요한 페이지를 적어 두세요. 예시: "연락처 및 회사 소개", "배송 및 결제, 보증", "서비스 → 수리, 설치 하위 페이지".
3. "생성"을 클릭하세요. 어시스턴트가 웹사이트 스타일 블록을 사용하여 페이지를 생성하고, 웹사이트 데이터를 기반으로 텍스트를 채워 넣은 다음 메뉴에 추가합니다. 어시스턴트의 응답은 버튼 아래에 표시됩니다.

카탈로그에서 스타일을 선택하면 담당자는 해당 스타일의 디자인 요소(구성, 이미지, 텍스트의 어조)를 고려합니다.

### 수동으로 추가

1. "수동으로 추가"를 클릭하세요.
2. 예를 들어 "배송"과 같이 이름을 입력하세요.
3. 선택 사항: 페이지에 들어갈 내용을 적어주세요. 담당자가 블록들을 조합하여 페이지를 구성합니다. 비워두면 텍스트 블록 하나만 있는 템플릿이 생성됩니다.
4. 해당 페이지를 최상위 항목으로 할지 하위 항목으로 할지 선택하세요.
5. "추가"를 클릭하세요.

페이지 주소: `/p/название-латиницей`. 이 주소는 이름에서 자동으로 생성됩니다.

### 페이지 텍스트 변경

AI 비서를 통해 "연락처 페이지를 변경해 주세요. 영업 시간과 지도를 추가해 주세요." 또는 연결된 Claude/ChatGPT를 통해 변경할 수 있습니다. [AI 비서를](/wiki/ko/ai-assistant) 참조하세요.

## 메뉴 및 하위 메뉴

페이지 목록의 각 줄에는 다음 내용이 있습니다.

- **왼쪽 핸들**: 페이지를 위아래로 드래그하세요. 하위 항목 위에 놓으면 같은 항목 안에 하위 항목이 포함됩니다.
- **"→ 하위 항목" 화살표는** 해당 페이지를 이전 항목의 하위 항목으로 만듭니다. **"← 이동"은** 최상위 레벨로 돌아갑니다. 중첩은 한 레벨입니다.
- **메뉴에 표시** - 사이트 메뉴에 해당 페이지를 표시할지 여부.
- **Eye** - 게시됨 또는 숨김. 숨겨진 페이지는 해당 주소로 열 수 없습니다.
- **연필** - 이름 변경.
- **사이트에서 열기** - 새 탭에서.
- **휴지통** — 페이지를 삭제합니다. 하위 항목은 최상위 레벨로 이동됩니다.

변경 사항을 적용한 후 "메뉴 저장"을 클릭하세요. 웹사이트에 메뉴가 즉시 업데이트됩니다.

웹사이트에서 메뉴는 헤더의 "⋯" 버튼을 클릭하면 열립니다. 하위 항목이 있는 메뉴 항목은 화살표를 눌러 펼칠 수 있습니다. 각 페이지에도 메뉴 버튼이 있습니다.

## 기본적으로

"기본값" 버튼을 누르면 홈페이지가 차단 없는 일반 피드로 돌아가고 메뉴와 발행물에서 모든 페이지가 제거됩니다. 페이지는 삭제되지 않으며, 토글 버튼을 사용하여 다시 활성화할 수 있습니다.

## 제한

사이트당 최대 30페이지, 홈페이지 각 섹션 및 각 페이지당 최대 30개의 블록을 사용할 수 있습니다.

## 질문과 답변

### 웹페이지가 반응형인가요?

네. 페이지는 휴대폰, 태블릿, 컴퓨터에 자동으로 맞춰지는 블록들로 구성되어 있어 레이아웃 작업이 필요 없습니다.

### 지도나 양식이 포함된 페이지를 만드는 방법은 무엇인가요?

AI 도우미를 통해 "사용자 지정 HTML" 블록을 사용하세요. 예를 들어 "연락처 페이지에 Google 지도를 추가하려면..."과 같이 입력할 수 있습니다. 또는 "코드 및 위젯"을 통해 위젯을 삽입할 수도 있습니다.

### 인공지능이 페이지를 생성하지 않은 이유는 무엇일까요?

사용 중인 요금제를 확인하세요. AI 기능이 포함된 요금제에서 페이지 생성이 가능합니다. AI 기능이 없는 요금제에서는 설명을 비워둔 채 페이지를 수동으로 추가하고 나중에 내용을 채워 넣으세요.

### 홈페이지 블록을 수동으로 편집하려면 어떻게 해야 하나요?

수동 블록 편집기는 없습니다. 홈페이지와 페이지는 AI 어시스턴트 또는 통합 AI 챗봇(MCP)을 통해 편집됩니다. 이는 의도적인 설계로, 모든 블록이 반응형 디자인을 유지하고 웹사이트 스타일과 일관성을 갖도록 합니다.