아래 그림에서 좌측과 같이 메뉴를 구성하면, 웹사이트에서는 우측과 같이 보여집니다. wizixo 테마의 한 예로, 테마나 템플릿이 바뀌면 웹사이트에서 보여지는 형태는 다를 수 있습니다.
'Home'은 웹사이트에 접속하면 바로 보이는 첫페이지를 의미하는 메뉴입니다. 그리고 'Home'의 하위 단계(Level 1)에 '파트너 찾기', '빠른 시작', '도움말'이라는 메뉴가 있고, '도움말'의 하위 단계(Level 2)에 '컨텐츠 편집'이라는 메뉴가 있으며, '컨텐츠 편집'의 하위 단계(Level 3)에 기본 개념이라는 하위 메뉴가 있습니다. 이와 같이 wizixo 디자인 테마와 선택된 템플릿에서는 총 3단계까지 표현이 가능한데, 디자인 테마와 템플릿에 따라 표현할 수 있는 단계가 달라질 수 있습니다. (일반적으로 디자인 테마와 템플릿에 따라 1~3단계로 표현 가능한 단계가 제한됩니다.)
위 동영상과 같이 메뉴를 편집하면 됩니다. 메뉴 우측 버튼 별 기능은 다음과 같습니다.
: 하위 메뉴를 생성합니다. (메뉴 생성 시 유의할 점은 '메뉴의 url' 로 사이트가 완성되었을 때 주소창에 나타나는 주소입니다. 영문, 숫자, 언더바(_)를 조합해서 4~20자로 작성해야 합니다.)
: 해당 메뉴를 수정합니다.
: 해당 메뉴를 삭제합니다.
: 해당 메뉴를 위로 올립니다.
: 해당 메뉴를 아래로 내립니다.
동영상 2:00부터 참고하면, 메뉴의 편집을 끝내고 바로 '미리보기'를 클릭해도 아무것도 나오지 않습니다. 메뉴가 보이는 부분의 디자인이 여러가지가 있을 수 있기 때문에, 미리보기에서 보이게 하려면, 좌측 'Top'에서 템플릿을 추가해야 합니다.
미리보기에서 메뉴가 보이게 하려면, 좌측 'Top'에서 템플릿을 추가해야 합니다.
메뉴의 종류는 다음과 같습니다.
컨텐츠: 가장 일반적인 경우입니다. 페이지에 템플릿을 추가하고 편집할 수 있습니다.
단순텍스트: 이 홈페이지(web-editor.co.kr)의 상단 메뉴에서 '도움말' 메뉴의 경우 오른쪽에 표시가 있고 하위 메뉴들을 보여주는 역할만 합니다. (페이지로 연결되지는 않습니다)
연결: 메뉴를 클릭했을 때, 특정 템플릿으로 이동시킬 수 있습니다. (샘플 준비 중)
커스텀: 컨텐츠와 동일하게 페이지에 템플릿을 추가하고 편집할 수 있고, 추가로 맞춤형 프로그램이 추가될 수 있습니다. (샘플 준비 중)
추가로 메뉴에는 '숨기기'라는 옵션이 있습니다. '제품'이라는 메뉴 페이지에 30개 제품의 목록이 있고, 각 제품을 클릭했을 때 상세페이지를 보여주는 경우를 예로 들어보겠습니다.
상세페이지를 만들려면 상세 페이지마다 메뉴는 있어야 하지만, 30개나 되는 메뉴가 상단 네비게이션바에 모두 보이는 것이 좋은 사용자 경험은 아닙니다. 네비게이션 바에서는 보이지 않는 컨텐츠 페이지가 필요하다면 '숨기기' 옵션을 적용하세요.