메뉴 편집기

메뉴를 만들고 꾸미고 게시하는 메뉴 편집기의 구성을 알아봅니다.

참고 자료 모든 요금제 2 분 소요

메뉴 관리자에서 메뉴의 사용자 지정을 클릭하면 편집기가 전체 화면으로 열립니다.

상단 바, 사이드바 탭, 실시간 미리 보기, 하단 도구 모음이 있는 메뉴 편집기 — (1) 상단 바, (2) 사이드바 탭, (3) 실시간 미리 보기의 항목 도구 모음, (4) 하단 도구 모음

편집기 영역

(1) 상단 바: 메뉴 이름과 상태(초안 또는 활성)가 표시됩니다. 게시는 게시 대화상자를 열고, 비활성화는 활성 메뉴의 게시를 취소하며(초안에서는 회색), X는 편집기를 닫습니다. 저장하지 않은 변경 사항이 있으면 저장과 취소가 나타납니다.
(2) 사이드바 탭: 왼쪽 바의 아이콘으로, 옆 패널을 전환합니다. 사이드바 탭을 참고하세요.
(3) 실시간 미리 보기: 고객에게 보이는 그대로의 메뉴입니다. 항목에 마우스를 올리면 항목 복제, 항목 편집, 항목 삭제가 나타납니다. 메뉴 바 끝의 + 를 클릭하면 최상위 항목이 추가됩니다.
(4) 하단 도구 모음: 화면 아이콘으로 미리 보기를 데스크톱과 모바일 간에 전환합니다. 편집은 일반 모드이고, 번역에서는 미리 보기에서 항목을 번역할 수 있습니다.

사이드바 탭

위에서 아래 순서입니다:

요소: 구조: 최상위 항목, 하위 메뉴, 블록입니다. 항목 아래의 하위 메뉴 추가 또는 블록 안의 항목 추가를 클릭하고, 항목을 클릭해 편집합니다. 메뉴 항목 추가를 참고하세요.
설정: 테마에서의 위치, 레이아웃, 하위 메뉴 애니메이션, 계정 링크, 간격, 모바일 동작입니다. 메뉴 설정을 참고하세요.
글꼴: 메뉴 각 부분의 타이포그래피입니다. 글꼴을 참고하세요.
색상: 메인 메뉴, 하위 메뉴, 탭, 라벨, 버튼의 색상입니다. 색상을 참고하세요.
고급 (</>): 시장별 사용 가능 여부와 스타일시트 / CSS입니다. 시장별 메뉴 표시와 사용자 지정 CSS를 참고하세요.
버전 기록Pro: 이전에 저장한 버전으로 돌아갑니다. 버전 기록을 참고하세요.

메뉴 편집하기

구조 만들기

요소에서 항목과 하위 메뉴를 추가합니다. 미리 보기가 바로 업데이트됩니다.

요소 트리 하단의 항목 추가.
스타일 지정하기

설정, 글꼴, 색상을 조정합니다. 미리 보기를 모바일로 전환해 모바일 메뉴를 확인하세요.

톱니바퀴 아이콘을 누르면 메뉴 설정이 열립니다.
저장하기

상단 바의 저장을 클릭해 변경 사항을 앱에 저장합니다.
게시하기

게시를 클릭하고 테마를 선택한 다음 게시를 다시 클릭합니다. 메뉴 게시를 참고하세요.

도움이 되었나요?