메뉴 관리

메뉴 관리는 웹사이트의 메뉴 구조를 관리자가 직접 만들고, 수정하고, 순서를 변경하고, 페이지와 연결할 수 있는 기능입니다. 메뉴는 자동으로 생성되는 것이 아니라, 현재 시스템에 만들어져 있는 페이지나 직접 입력한 주소를 기준으로 수동 구성합니다.

이 메뉴는 자동 생성 메뉴가 아닙니다. 관리자가 직접 메뉴명을 입력하고, 연결 주소를 지정하고, Menu Tree에서 위치를 조정해서 실제 웹사이트 메뉴 구조를 구성해야 합니다.

화면 개요

메뉴 관리 화면은 웹사이트에 표시될 메뉴 구조를 만드는 곳입니다. 메뉴 항목을 추가하고, 기존 메뉴를 수정하고, Menu Tree에서 순서를 변경하거나 하위 메뉴로 이동시킬 수 있습니다.

Menu Structure

Menu Structure 영역은 현재 메뉴 계층 구조를 보여줍니다. 이곳에서 메뉴를 추가한 뒤 순서를 조정하거나, 특정 메뉴 아래로 이동시켜 하위 메뉴를 만들 수 있습니다.

Menu Tree

Menu Tree는 현재 메뉴 항목들을 계층 구조로 보여줍니다. 관리자는 메뉴를 1차 메뉴로 둘 수도 있고, 다른 메뉴 아래에 넣어 하위 메뉴로 구성할 수도 있습니다.

• 상위 메뉴는 메인 내비게이션 메뉴로 사용할 수 있습니다.
• 하위 메뉴는 상위 메뉴 아래에 배치할 수 있습니다.
• 메뉴 항목을 위아래로 이동하여 순서를 변경할 수 있습니다.
• 각 메뉴 항목은 수정하거나 삭제할 수 있습니다.

Menu Tree에서 구성한 구조가 실제 웹사이트 메뉴 구조가 됩니다. 따라서 메뉴 순서와 계층 구조를 신중하게 정리해야 합니다.

수정 및 삭제 버튼

각 메뉴 항목에는 수정 버튼과 삭제 버튼이 표시될 수 있습니다.

Add Menu

Add Menu 영역은 새 메뉴 항목을 추가하거나 기존 메뉴 항목을 수정하는 곳입니다. 각 메뉴는 기존 페이지 주소, 직접 입력한 주소, 또는 외부 링크와 연결할 수 있습니다.

Name

메뉴에 표시될 이름을 입력합니다. 이 이름은 웹사이트 메뉴에서 사용자에게 보이는 텍스트입니다.

예시:
회사 소개
서비스
문의하기
상품
커뮤니티

Address

Address는 메뉴를 클릭했을 때 이동할 주소입니다. 내부 페이지 경로, 외부 URL, 직접 만든 라우트 주소를 입력할 수 있습니다.

예시:
/Pages/About
/iPage?ipage=1001
/ShowPage/Index
https://example.com

Select Address

Select Address는 시스템에 이미 만들어져 있는 페이지나 주소를 선택할 때 사용합니다. 직접 주소를 입력할 때 발생할 수 있는 오타를 줄일 수 있습니다.

이 메뉴는 현재 만들어져 있는 페이지를 기반으로 수동 구성하는 방식이므로, 가능하면 Select Address에서 기존 페이지를 선택하는 것이 좋습니다.

Target

Target은 메뉴 링크가 열리는 방식을 설정합니다.

Tooltip

Tooltip은 메뉴에 대한 보조 설명입니다. 사용자가 메뉴 위에 마우스를 올렸을 때 안내 문구로 사용할 수 있습니다.

Add Menu 버튼

메뉴 정보를 입력한 뒤 Add Menu 버튼을 클릭하면 새 메뉴가 Menu Tree에 추가됩니다.

1. 메뉴 이름을 입력합니다.
2. 메뉴 주소를 입력하거나 Select Address에서 선택합니다.
3. Target을 선택합니다.
4. 필요하면 Tooltip을 입력합니다.
5. Add Menu 버튼을 클릭합니다.
6. Menu Tree에 새 메뉴가 추가되었는지 확인합니다.

Edit Menu 버튼

Edit Menu 버튼은 선택한 기존 메뉴를 수정할 때 사용합니다. 먼저 Menu Tree에서 수정할 메뉴의 수정 버튼을 클릭한 뒤 내용을 변경하고 Edit Menu를 클릭합니다.

1. Menu Tree에서 기존 메뉴의 수정 버튼을 클릭합니다.
2. 이름, 주소, Target, Tooltip을 수정합니다.
3. Edit Menu 버튼을 클릭합니다.
4. Menu Tree의 메뉴 정보가 변경되었는지 확인합니다.

Menu Settings

Menu Settings는 메뉴 그룹 전체에 대한 설정을 관리합니다.

Menu Name

메뉴 그룹 이름을 입력합니다. 시스템 내부에서 특정 메뉴 세트를 구분하는 이름으로 사용할 수 있습니다.

메뉴 이름은 특정 메뉴 그룹을 불러오거나 페이지에 표시할 때 사용될 수 있습니다.

Menu Color

Menu Color는 메뉴 디자인에서 지원하는 경우 메뉴 글자 색상을 지정하는 설정입니다.

Menu Background Color

Menu Background Color는 메뉴 디자인에서 지원하는 경우 메뉴 배경 색상을 지정하는 설정입니다.

Using HTML Menus

Using HTML Menus는 생성된 HTML 메뉴를 사용할지 여부를 설정합니다. 이 옵션을 사용하는 경우 Menu Html 영역의 HTML 또는 스크립트를 기준으로 메뉴가 출력될 수 있습니다.

Menu Html

Menu Html 영역은 생성된 메뉴 HTML 또는 메뉴 스크립트를 관리하는 영역입니다. 메뉴를 특정 페이지나 레이아웃 영역에 직접 삽입해야 할 때 사용할 수 있습니다.

메뉴 스크립트 표시

화면에는 다음과 같은 메뉴 스크립트가 표시될 수 있습니다.

[MENU,0]

이 스크립트를 복사해서 메뉴가 표시되어야 하는 페이지 영역에 붙여 넣을 수 있습니다.

Copy 버튼

Copy 버튼은 메뉴 스크립트 또는 메뉴 표시 코드를 복사할 때 사용합니다.

1. 메뉴 구조를 만들거나 선택합니다.
2. Copy 버튼을 클릭합니다.
3. 메뉴를 표시할 페이지나 레이아웃 영역을 엽니다.
4. 복사한 메뉴 스크립트를 원하는 위치에 붙여 넣습니다.
5. 저장 후 미리보기로 결과를 확인합니다.

권장 작업 순서

1. 메뉴에 연결할 페이지를 먼저 생성합니다.
2. Admin > Menu 화면으로 이동합니다.
3. Menu Settings에서 메뉴 그룹 이름을 입력합니다.
4. Add Menu 영역에서 메뉴 항목을 추가합니다.
5. 가능하면 Select Address에서 기존 페이지 주소를 선택합니다.
6. Menu Tree에서 메뉴 순서를 조정합니다.
7. 하위 메뉴가 필요하면 특정 메뉴 아래로 이동시킵니다.
8. Copy 버튼으로 메뉴 스크립트를 복사합니다.
9. 페이지나 레이아웃 영역에 메뉴 스크립트를 붙여 넣습니다.
10. 저장 후 실제 화면에서 메뉴를 확인합니다.

자주 사용하는 작업

주의사항

• 메뉴는 기존 페이지 또는 직접 입력한 주소를 기준으로 수동 생성됩니다.
• 메뉴에 연결하기 전에 해당 페이지가 실제로 존재하는지 확인해야 합니다.
• 메뉴 주소를 변경하면 사용자 이동 경로에 영향을 줄 수 있습니다.
• 메뉴 항목을 삭제해도 실제 페이지가 삭제되는 것은 아닙니다.
• Menu Tree의 순서를 변경하면 실제 메뉴 표시 순서도 변경됩니다.
• 하위 메뉴 구조는 Menu Tree에서 메뉴를 어디에 배치하는지에 따라 결정됩니다.

관리 권장 사항

• 메뉴를 만들기 전에 필요한 페이지를 먼저 생성하세요.
• 메뉴 이름은 짧고 명확하게 작성하세요.
• 1차 메뉴는 너무 많지 않게 구성하는 것이 좋습니다.
• 하위 메뉴는 꼭 필요한 경우에만 사용하세요.
• 메뉴 구조를 변경한 뒤에는 반드시 실제 웹사이트에서 확인하세요.
• 가능하면 주소를 직접 입력하기보다 기존 페이지 주소를 선택해서 사용하세요.

메뉴 관리는 웹사이트의 이동 구조를 결정하는 중요한 기능입니다. 메뉴를 추가, 수정, 삭제하거나 순서를 변경한 뒤에는 반드시 실제 화면에서 정상 동작하는지 확인하세요.