# 기능 살펴보기

디자인 편집기는 편집 메뉴 영역, 메뉴 영역, 본문 영역, 푸터 영역으로 구성되어 있습니다.

자세한 내용은 아래 안내를 참고해 주시기 바랍니다.

[https://docs.dothome.co.kr/books/06/page/07cdf](https://docs.dothome.co.kr/books/06/page/07cdf)

디자인 편집기로 접속 시 보이는 화면으로 편집 화면 구성과 메뉴에 대해 알려드리겠습니다.

[![dhbd-06-02-01.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-06-02-01.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-06-02-01.png)

**● 디자인 편집 화면 구성**

[![dhbd-06-02-02.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-06-02-02.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-06-02-02.png)

<div class="col-xl-9 col-lg-9" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-1.%C2%A0-%ED%8E%B8%EC%A7%91-%EB%A9%94%EB%89%B4-%EC%98%81%EC%97%AD-%ED%8E%B8"><div class="contents"><table class="table table-bordered manual-table" style="width: 100%;"><thead><tr><td style="width: 23.1548%;">항목</td><td style="width: 76.9644%;">설명</td></tr></thead><tbody><tr><td style="width: 23.1548%;">1. 편집 메뉴 영역</td><td style="width: 76.9644%;">편집 메뉴가 있는 상단 메뉴 영역입니다. </td></tr><tr><td style="width: 23.1548%;">2. 메뉴 영역</td><td style="width: 76.9644%;">메뉴 영역입니다. 메뉴 레이아웃을 변경하거나 디자인을 수정할 수 있습니다. </td></tr><tr><td style="width: 23.1548%;">3. 본문 영역</td><td style="width: 76.9644%;">페이지의 본문 영역으로 블럭을 추가할 수 있습니다.  
</td></tr><tr><td style="width: 23.1548%;">4. 푸터 영역</td><td style="width: 76.9644%;">홈페이지의 푸터 영역입니다. 푸터 레이이웃을 변경하거나 디자인을 수정할 수 있습니다.</td></tr></tbody></table>

</div></div>● **디자인 편집기 메뉴**

**[![dhbd-06-02-03.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-06-02-03.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-06-02-03.png)**

<div class="col-xl-9 col-lg-9" id="bkmrk-%EB%A9%94%EB%89%B4-%EC%84%A4%EB%AA%85-1.-%EB%A9%94%EB%89%B4-%EA%B4%80%EB%A6%AC-%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80%EC%97%90"><div class="contents"><table class="table table-bordered manual-table" style="width: 100%;"><thead><tr><td style="width: 23.2445%;">메뉴</td><td style="width: 76.7555%;">설명</td></tr></thead><tbody><tr><td style="width: 23.2445%;">1. 메뉴 관리</td><td style="width: 76.7555%;">홈페이지에 메뉴를 추가하거나 수정, 삭제할 수 있습니다. 홈페이지 관리에서 생성한 홈페이지를 메뉴에 연결할 수 있습니다.</td></tr><tr><td style="width: 23.2445%;">2. 페이지 관리</td><td style="width: 76.7555%;">페이지의 페이지들을 수정, 디자인, 삭제할 수 있습니다</td></tr><tr><td style="width: 23.2445%;">3. 글로벌 디자인 설정</td><td style="width: 76.7555%;">홈페이지 디자인 시 기본적으로 공통 적용 될 디자인을 설정할 수 있습니다.  
</td></tr><tr><td style="width: 23.2445%;">4. 퀵메뉴 관리</td><td style="width: 76.7555%;">탑버튼&amp;퀵버튼을 수정, 삭제하여 관리할 수 있습니다.  
</td></tr><tr><td style="width: 23.2445%;">5. 홈페이지 이름</td><td style="width: 76.7555%;">편집 중인 홈페이지의 이름을 보여줍니다  
</td></tr><tr><td style="width: 23.2445%;">6. 디자인 모드 전환</td><td style="width: 76.7555%;">PC화면 디자인 모드 또는 모바일 화면 디자인 모드로 전환할 수 있습니다.  
</td></tr><tr><td style="width: 23.2445%;">7. 복원하기</td><td style="width: 76.7555%;">원하는 복원 시점을 선택하여 \[복원하기\]버튼을 누르면 선택한 복원시점으로 되돌아갑니다.  
</td></tr><tr><td style="width: 23.2445%;">8. 임시저장</td><td style="width: 76.7555%;">현재까지 작업한 해당 페이지의 내용을 저장하여 복원시점을 생성합니다.  
</td></tr><tr><td style="width: 23.2445%;">9. 게시하기</td><td style="width: 76.7555%;">작업한 내용을 실제 노출되어지는 페이지에 적용합니다.</td></tr><tr><td style="width: 23.2445%;">10. 종료하기</td><td style="width: 76.7555%;">디자인 편집기를 종료합니다. \[게시하기\] 클릭 없이 종료하시면 현재까지 작업한 내용이 홈페이지에 반영되지 않습니다.</td></tr></tbody></table>

</div></div>