메뉴¶
메뉴는 웹사이트 콘텐츠의 중요한 구성 도구로, 방문자가 다양한 웹 페이지를 효율적으로 탐색할 수 있도록 도와줍니다. 사용자 친화적이고 잘 구조화된 메뉴는 :doc:`검색 엔진 순위 <seo>`을 향상시키는 데 크게 기여합니다.
Odoo에서는 특정 요구 사항에 따라 웹사이트 메뉴의 콘텐츠와 디자인을 맞춤 설정할 수 있습니다.
메뉴 편집기¶
메뉴 편집기 내에서 웹사이트의 메뉴를 수정하고 일반 메뉴 항목 및 :ref:`메가 메뉴 <website/mega-menus>`를 추가할 수 있습니다.
웹사이트의 메뉴를 편집하려면 : menuselection:`웹사이트 –> 사이트 –> 메뉴 편집기`로 이동합니다. 여기에서는:
메뉴 항목의 이름을 **수정**하거나 메뉴 항목 편집 아이콘을 사용하여 URL을 변경합니다;
메뉴 항목 삭제 아이콘을 사용하여 메뉴 항목을 **삭제**합니다;
메뉴 항목을 메뉴 내에서 원하는 위치로 끌어다 놓아 **이동**할 수 있습니다;
하위 메뉴 항목을 상위 메뉴 아래 오른쪽으로 끌어다 놓아 **일반 드롭다운 메뉴**를 만듭니다.
참고
편집`을 클릭하고 메뉴 항목을 선택한 다음 :guilabel:`메뉴 편집 아이콘을 클릭하여 메뉴 편집기에 액세스할 수 있습니다.
일반 메뉴 항목 추가¶
페이지는 생성 시 자동으로 메뉴에 일반 메뉴 항목으로 포함됩니다. 메뉴 편집기에서 :guilabel:`메뉴 항목 추가`를 클릭하여 일반 메뉴 항목을 추가할 수도 있습니다. 화면에 표시되는 팝업창에 관련 페이지의 :guilabel:`이름`과 URL을 입력한 다음 :guilabel:`확인`을 클릭합니다.
메가 메뉴 추가¶
메가 메뉴는 드롭다운 메뉴와 유사하지만, 하위 메뉴의 단순한 목록을 표시하는 대신 탐색 옵션 그룹으로 구성된 패널을 표시합니다. 이 디자인은 모든 메뉴 항목을 동시에 표시하면서 모든 웹 페이지를 메뉴에 포함할 수 있기 때문에 콘텐츠가 많은 웹사이트에 특히 효과적입니다. 메가 메뉴는 레이아웃, 타이포그래피, 아이콘 등의 요소를 통해 일반 드롭다운 메뉴보다 시각적 구조가 향상되는 이점을 추가적으로 제공합니다.
메가 메뉴를 생성하려면 :menuselection:`웹사이트 –> 사이트 –> 메뉴 편집기`로 이동한 다음 :guilabel:`메가 메뉴 항목 추가`를 선택합니다. 팝업창에서 메가 메뉴의 :guilabel:`이름`을 입력하고 :guilabel:`확인`을 클릭한 다음 :guilabel:`저장`을 클릭합니다.
메가 메뉴의 옵션과 레이아웃을 사용자 정의하려면 탐색 모음에서 메가 메뉴를 선택한 다음 편집`을 클릭합니다. 메가 메뉴는 빌딩 블록으로 구성되어 있으므로 인라인 서식과 웹사이트 빌더 내 :guilabel:`사용자 정의 탭에서 제공하는 선택 사항을 사용하여 각 구성 요소를 개별적으로 맞춤 설정할 수 있습니다. 예를 들면 다음과 같은 기능을 사용할 수 있습니다:
빌딩 블록에서 직접 텍스트를 편집합니다;
메뉴 항목을 선택한 다음 작은 미리보기 팝업에서 링크 수정 버튼을 클릭하여 메뉴 항목의 URL을 수정합니다. 웹사이트의 페이지를 찾으려면 `/`를 입력하고, 이미 설정된 사용자 정의 앵커를 찾으려면 `#`을 입력합니다.
관련 블록을 메가 메뉴에서 원하는 위치로 끌어다 놓아 메뉴 항목을 이동합니다;
메뉴 항목을 삭제하려면 관련 블록을 삭제합니다.
팁
웹사이트 빌더의 사용자 정의 탭에 있는 메가 메뉴 섹션에서 선호하는 템플릿 및 :guilabel:`크기`를 선택하여 메가 메뉴의 전체 레이아웃을 조정합니다.
헤더 및 탐색 모음 표시¶
웹사이트 메뉴의 모양을 맞춤 설정하려면 편집`을 선택한 다음 탐색 모음 또는 메뉴 항목을 선택합니다. 그런 다음 웹사이트 빌더의 :guilabel:`헤더 및 내비게이션바 섹션의 필드를 웹사이트 빌더의 사용자 정의 탭에서 조정합니다.