> For the complete documentation index, see [llms.txt](https://help.qshop.ai/customer_support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.qshop.ai/customer_support/guide/design/editor/gnb.md).

# 상단 메뉴바

상단 메뉴바의 요소에 대해 알아보고 각 요소의 사용법을 안내합니다.

## 상단 메뉴바란?

에디터 위쪽에 위치한 상단 메뉴바는 페이지를 디자인 하는 과정에 필요한 실행 취소, 미리보기, 페이지 저장 등을 통해 보다 편하게 디자인을 해 나갈 수 있습니다. \
또한, 모바일 뷰포트 변경을 통해 모바일 별도 디자인을 하여 PC와 모바일에 최적화 된 각각의 디자인을 할 수 있습니다.

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2Fjnw1z3xv2Rgi1JHPmjt0%2F%EC%83%81%EB%8B%A8%20%EB%A9%94%EB%89%B4%EB%B0%94%20%ED%85%8C%EC%8A%A4%ED%8A%B84.png?alt=media&amp;token=1151e073-cc14-428e-91dc-33c404634c43" alt=""><figcaption></figcaption></figure>

각 요소의 자세한 내용은 아래 표를 참고해주세요.

<table><thead><tr><th width="168">항목</th><th>설명</th></tr></thead><tbody><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FsjwRAaw97cHdnRnmTnwQ%2F%ED%8C%A8%EB%84%90%20%EB%8B%AB%EA%B8%B0.png?alt=media&amp;token=b6d090d5-2891-4c87-bb77-5e316228c341" alt=""></td><td><strong>패널 닫기</strong>
<br>추가패널과 속성패널을 숨김처리합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FIm6aTsWOXMTqiLBNRlNf%2F2_PC%EB%A1%9C%20%EB%B3%B4%EA%B8%B0.png?alt=media&amp;token=6b67de4f-65b6-4cf9-a2a4-d8afb5ec9c98" alt=""></td><td><strong>PC로 보기</strong><br>디자인 에디터 뷰포트를 PC로 변경합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FzwtXyY7Xhajpa8hJup7b%2F3_%EB%AA%A8%EB%B0%94%EC%9D%BC%EB%A1%9C%20%EB%B3%B4%EA%B8%B0.png?alt=media&amp;token=026934f3-2eb6-4218-a52d-e863706c4297" alt=""></td><td><strong>모바일로 보기</strong><br>디자인 에디터를 모바일 뷰포트로 변경합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FLb3zCZcYPYu4Jn2DRpe6%2F%EA%B3%A0%EC%A0%95%20%EC%BD%98%ED%85%90%EC%B8%A0.png?alt=media&amp;token=7dc9ad13-4f51-4c09-b54a-cf2605f22405" alt=""></td><td><strong>고정 콘텐츠</strong>
<br>고정 된 콘텐츠를 확인하고 레이아웃을 수정할 수 있습니다.
<br>자세한 방법은 [블록 고정하기] 가이드를 참고 해주세요.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FWSxRxglpAYA8EbvkbfTP%2F4_%EB%B9%84%EC%9C%A8%20%EC%A1%B0%EC%A0%95.png?alt=media&amp;token=72ce68d1-3c1e-4998-a1de-5d33783e5966" alt=""></td><td><strong>비율조정</strong><br>뷰포트의 비율을 확대/축소할 수 있습니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FOtWYOm4uLl2VQh1hxYeM%2F5_%ED%8E%98%EC%9D%B4%EC%A7%80%20%EC%9D%B4%EB%A6%84.png?alt=media&amp;token=4a57c106-bf4c-4111-bf07-b2f566c72038" alt=""></td><td><p><strong>페이지 이름</strong><br>현재 작업 중인 페이지의 이름을 표시합니다.</p><ul><li>더블클릭 후 페이지 이름 변경 가능</li></ul></td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FSLnzQTmkZ5camPrNOTwM%2F%ED%81%AC%EB%A0%88%EB%94%A7.png?alt=media&amp;token=11ac4b95-fe5a-4f8b-8730-2ac131b85627" alt=""></td><td><strong>크레딧</strong>
<br>현재 보유하고 있는 크레딧이 표시 됩니다.
<br>크레딧에 대한 자세한 내용은 [마이베네핏] 가이드를 참고해주세요.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FacXiKMfwjeOzpj8H35oJ%2F%EA%B0%80%EC%9D%B4%EB%93%9C%20%EB%B0%94%EB%A1%9C%EA%B0%80%EA%B8%B0.png?alt=media&amp;token=a123ca2c-1a58-4dd8-92a7-cf7232ca605b" alt=""></td><td><strong>가이드 바로가기</strong>
<br>큐샵의 가이드를 확인할 수 있습니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2Fq9j1YiKLCeOoYnjeXUnH%2F%EA%B7%9C%EC%84%AD%EC%9D%B4.png?alt=media&amp;token=f0e66644-71f8-4a82-81f3-886c4dfb2a97" alt=""></td><td><strong>실시간 채팅 바로가기</strong>
<br>에디터 내에서 실시간 채팅 상담을 열 수 있습니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2Ffyi9R1x0cLOSWyx5NuFC%2F6_%EB%90%98%EB%8F%8C%EB%A6%AC%EA%B8%B0.png?alt=media&amp;token=aa8039f4-9408-4055-b017-667f08c1e519" alt=""></td><td><strong>실행취소</strong><br>이전 디자인 내 용로 돌아갑니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FSvqhxJ6W3kR0H8LXY7gN%2F7_%EC%A0%80%EC%9E%A5%20%EB%B0%8F%20%EA%B2%8C%EC%8B%9C%20%EB%82%B4%EC%97%AD.png?alt=media&amp;token=92887152-d156-4b4b-89b4-cc418707ffd4" alt=""></td><td><strong>저장 및 게시내역</strong><br>저장/게시 히스토리가 페이지 별로 각각 기록 됩니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2Fxcykwd0WEf4aVgupnNtq%2F8_%EC%9E%AC%EC%8B%A4%ED%96%89.png?alt=media&amp;token=caf70b9b-2d06-4430-9647-d921cb3251c2" alt=""></td><td><strong>재실행</strong><br>실행 취소 이전로 돌아갑니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FPay0t3EmaMnI9BrKDfqA%2F%EC%82%AC%EC%9D%B4%ED%8A%B8%20%EC%A0%84%EC%B2%B4%20%EC%84%A4%EC%A0%95.png?alt=media&amp;token=c36a15d8-5770-4c1a-bddf-aad5393e2aa6" alt=""></td><td><strong>사이트 전체 설정</strong>
<br>사이트에 공통으로 적용되는 색상, 폰트, 섹션의 너비와 간격 등을 설정할 수 있습니다.
<br>자세한 내용은 [속성 패널] 가이드를 참고해주세요.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FIh2fSVezoVQtFMu3LhME%2F9_%EC%A0%80%EC%9E%A5.png?alt=media&amp;token=156a6e26-748b-4be5-bb57-a305b2290752" alt=""></td><td><strong>저장하기</strong><br>현재 페이지 디자인을 저장합니다.<br>방문자는 편집중인 페이지를 볼 수 없으며, 게시하기를 눌러야 실제 홈페이지에 반영됩니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FmwNeG53DQEHM8rzjtTPh%2F10_%EB%AF%B8%EB%A6%AC%EB%B3%B4%EA%B8%B0.png?alt=media&amp;token=0b259d8e-ced8-48f3-b430-adc0b48146f5" alt=""></td><td><strong>사이트 미리보기</strong><br>현재 디자인 된 페이지를 새 탭을 통해 확인합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2F5Q8AwDCLuPMYgswMIGyw%2F11_%EA%B2%8C%EC%8B%9C%ED%95%98%EA%B8%B0.png?alt=media&amp;token=b59cd03d-1062-431a-acfc-729c14f50d4e" alt=""></td><td><strong>게시하기</strong><br>디자인을 한 내용을 실제 방문자가 볼 수 있도록 사이트에 반영합니다.</td></tr></tbody></table>