헤더·푸터 메뉴 만들기(에디터 메뉴 패널)와 하위 메뉴

웹사이트에 페이지가 여러 개 생기면 방문자가 길을 잃지 않도록 위쪽에 메뉴를 달아야 합니다. 퍼널체인저스 에디터에서는 왼쪽의 메뉴 패널에서 항목을 만들고, 페이지에 연결하고, 하위 메뉴를 붙이고, 순서를 바꾸는 일을 한 곳에서 처리합니다. 이 글에서는 헤더 메뉴를 기준으로 그 흐름을 차례대로 살펴봅니다.

1. 메뉴 패널은 어디에 있나요

에디터 왼쪽 세로 아이콘 줄에서 메뉴 편집을 누르면 같은 이름의 패널이 열립니다. 위쪽에 헤더 메뉴와 푸터 메뉴 두 탭이 있고, 그 아래에 항목 목록과 새 항목 추가 입력 칸이 이어집니다. 사이트에 페이지를 새로 만들면 헤더 메뉴에 그 페이지 항목이 자동으로 들어가며, 이름은 나중에 직접 고칠 수 있습니다. 헤더 메뉴는 사이트 단위로 하나라서, 어느 페이지에서 열어도 같은 항목이 보입니다.

헤더에 메뉴가 나오려면 캔버스에 메뉴가 들어 있는 헤더 섹션이 있어야 합니다. 섹션 추가의 헤더 분류에서 템플릿을 고르면 현재 메뉴 항목으로 채워진 상태로 들어옵니다. 이미 만들어 둔 헤더는 패널 위쪽의 캔버스에 메뉴 적용을 눌러 최신 항목으로 다시 채울 수 있습니다.

2. 항목 만들고 페이지에 연결하기

새 항목은 아래쪽 새 항목 추가에서 메뉴 이름을 적고, 링크 종류를 고른 뒤 + 항목 추가를 누르면 만들어집니다. 이미 있는 항목은 연필 모양 수정 버튼을 눌러 이름과 링크를 바꿉니다.

• 페이지 연결: 목록에서 회사소개 (/about)처럼 페이지 이름과 주소가 함께 보이는 페이지를 고릅니다.
• URL 직접 입력: https:// 또는 /경로 형식으로 주소를 적습니다. 다른 사이트로 보낼 때 씁니다.
• 페이지 없음 (폴더): 이동할 곳 없이 하위 메뉴를 묶기만 하는 항목입니다. 목록에 폴더 표시가 붙습니다.
• 새 창으로 열기: 수정 화면에서 체크하면 링크를 새 창으로 엽니다.

3. 하위 메뉴 추가하기

항목 오른쪽의 + 버튼(마우스를 올리면 하위 항목 추가)을 누르면 그 항목 아래에 하위 항목 추가 입력 칸이 열립니다. 하위 메뉴 이름을 적고 페이지를 고른 뒤 추가를 누르면 됩니다.

추가된 항목은 한 칸 들여쓴 모양으로 상위 항목 바로 아래에 붙습니다. 하위 항목에는 하위 메뉴를 더 붙이는 + 버튼이 없어서, 하위 메뉴는 한 단계까지만 만들 수 있습니다. 하위 항목 오른쪽의 위쪽 화살표(최상위 메뉴로 올리기)를 누르면 다시 최상위 항목이 됩니다.

4. 순서 바꾸기와 삭제

순서는 항목 왼쪽의 점 여섯 개 손잡이를 잡고 끌어서 바꿉니다. 같은 단계의 다른 항목 위에 놓으면 그 항목 자리로 들어가고, 하위 메뉴가 있는 항목은 하위 메뉴와 함께 움직입니다.

삭제는 항목 오른쪽의 휴지통 버튼입니다. 확인 창 없이 바로 삭제되고, 상위 항목을 지우면 그 아래 하위 항목도 함께 삭제되므로 누르기 전에 한 번 더 살펴보세요. 항목 추가·수정·삭제·순서 변경은 누르는 즉시 서버에 저장되고, 캔버스의 헤더 메뉴에도 바로 반영됩니다.

5. 방문자에게 보이는 모습 확인하기

상단의 라이브 미리보기를 누르면 배포될 모습 그대로 확인할 수 있습니다. 하위 메뉴가 있는 항목 옆에는 작은 화살표가 붙고, 마우스를 올리면 하위 항목이 아래로 펼쳐집니다.

패널 안내 문구대로 항목 변경은 배포할 때 자동으로 적용됩니다. 푸터 메뉴 탭도 같은 방식으로 항목을 관리하며, 처음에는 항목이 비어 있습니다.

6. 이렇게 활용해 보세요

• 페이지가 많은 사이트라면 서비스나 요금처럼 한 주제에 속한 페이지를 하나의 상위 항목 아래 하위 메뉴로 모아 보세요.
• 외부 쇼핑몰이나 예약 페이지로 보내는 항목은 URL 직접 입력과 새 창으로 열기를 함께 쓸 수 있습니다.
• 상담 신청처럼 눈에 띄어야 하는 항목은 순서를 끌어서 앞쪽으로 옮겨 보세요.

7. 알아 두실 점

• 메뉴 패널은 웹사이트에 속한 페이지에서만 쓸 수 있습니다. 독립 페이지에서 열면 웹사이트에 속한 페이지에서만 메뉴를 관리할 수 있다는 안내만 나옵니다.

• 메뉴는 사이트 전체가 함께 쓰므로 한 페이지에서 바꾸면 모든 페이지의 헤더 메뉴가 바뀝니다.
• 헤더 메뉴와 푸터 메뉴 외에 이름을 붙여 따로 만드는 메뉴, 메뉴 글꼴과 색상 같은 스타일, 메뉴 요소에 어떤 메뉴를 보여 줄지 정하는 방법은 별도 글에서 다룹니다.

헤더 메뉴만 잘 정리해 두어도 사이트 전체의 첫인상이 한결 깔끔해집니다. 사이트 만들기와 페이지 추가는 별도 글에서 함께 확인해 보세요.