머리글 및 바닥글

웹사이트 헤더(머리글)는 웹페이지의 최상단 영역으로 일반적으로 로고, 메뉴, 검색창, 로그인/고객 계정 버튼 등의 요소가 들어 있습니다. 바닥글은 웹페이지 하단에 표시되며 주로 연락처 정보, 링크, 법적 고지 및 기타 옵션과 같은 정보를 포함합니다.

머리글 디자인

헤더 디자인을 수정하려면 편집`을 클릭한 다음 헤더를 클릭하세요. 웹사이트 편집기의 :guilabel:`사용자 지정 탭에 있는 헤더 섹션에서 다음 옵션을 사용할 수 있습니다:

  • 드롭다운 메뉴에서 템플릿 을 선택합니다.

  • 배경 설정을 선택하여 다양한 테마 스타일, 사용자 지정 색상 옵션 및 그라데이션 옵션을 통해 색상 팔레트를 변경하세요.

  • 헤더에 :guilabel:`테두리`를 추가할 때 크기, 스타일 및 색상을 정의할 수 있습니다.

  • 디자인에 맞게 둥근 모서리 로 조정합니다.

  • 그림자 를 추가하고 색상, 오프셋, 흐리게, 확대 를 정의합니다.

  • 스크롤 효과 를 추가합니다. 효과 위에 마우스를 가져가면 미리보기가 나타납니다.

  • 헤더 위치`를 :guilabel:`일반, 숨김, 콘텐츠 위에 중에서 선택하세요. :guilabel:`콘텐츠 위에`를 선택하면 :guilabel:`배경`과 :guilabel:`텍스트 색상`을 사용자 지정할 수 있습니다.

  • 텍스트, 검색창, 로그인 버튼, 소셜 미디어 링크, 문의하기 버튼 및 로고와 같은 :guilabel:`요소`를 표시하거나 숨기세요.

변경 사항을 적용하려면 저장 을 클릭합니다.

팁

헤더를 숨기려면 편집`을 클릭하고 헤더를 클릭한 다음 웹사이트 편집기의 :guilabel:`테마 탭으로 이동하세요. 고급 섹션까지 스크롤하여 헤더 표시 스위치를 전환하면 헤더를 숨기거나 표시할 수 있습니다.

머리글 내용

메뉴는 헤더의 콘텐츠를 구성하고 사용자가 웹 페이지를 효과적으로 탐색할 수 있도록 돕습니다. 사용자 친화적이고 잘 구성된 메뉴는 :doc:`검색 엔진 순위 <seo>`를 개선하는 데에도 중요한 역할을 합니다.

메뉴 항목 추가

기본적으로 페이지는 생성될 때 드롭다운 메뉴 항목으로 메뉴에 추가됩니다. 새 메뉴 항목을 추가하려면 다음 단계를 따르세요:

  1. 웹사이트 ‣ 사이트 ‣ 메뉴 편집기 로 이동합니다.

  2. 메뉴 편집기에서 메뉴 항목 추가 를 클릭합니다.

  3. 팝업 창에서 메뉴에 표시될 :guilabel:`이름`을 입력하세요.

  4. URL 또는 이메일 필드에 `/`를 입력하여 웹사이트의 페이지를 검색하거나 `#`를 입력하여 기존 사용자 지정 앵커를 검색하세요.

  5. :guilabel:`예`를 클릭합니다.

  6. 필요한 경우 메뉴 구조 를 편집한 후 저장 을 클릭합니다.

메가 메뉴

메가 메뉴는 드롭다운 메뉴와 유사하지만 단순한 하위 메뉴 목록 대신 탐색 옵션 그룹으로 나뉜 패널을 표시합니다. 따라서 콘텐츠가 많은 웹사이트나 :doc:`이커머스 웹사이트 <../../ecommerce>`에 적합합니다. 모든 웹 페이지 또는 :ref:`이커머스 카테고리 <ecommerce/categories_variants/categories>`를 메뉴에 포함하면서도 모든 메뉴 항목을 한 번에 볼 수 있도록 도와줍니다.

탐색 표시줄의 메가 메뉴.

메가 메뉴를 생성하려면 :menuselection:`웹사이트 –> 사이트 –> 메뉴 편집기`로 이동한 다음 :guilabel:`메가 메뉴 항목 추가`를 선택합니다. 팝업창에서 메가 메뉴의 :guilabel:`이름`을 입력하고 :guilabel:`확인`을 클릭한 다음 :guilabel:`저장`을 클릭합니다.

메가 메뉴의 옵션과 콘텐츠를 조정하려면 헤더의 메가 메뉴 항목을 클릭한 다음 :guilabel:`편집`을 클릭하세요. 메가 메뉴는 빌딩 블록으로 구성되므로 각 구성 요소를 개별적으로 사용자 지정할 수 있습니다. 예를 들어:

  • 빌딩 블록에서 직접 텍스트를 편집합니다.

  • 메뉴 항목의 URL을 수정하려면 메뉴 항목을 선택한 다음 작은 미리보기 팝업에서 링크 수정 버튼을 클릭합니다. 웹사이트의 페이지 검색은 `/`를 입력하고, 이미 설정된 사용자 지정 앵커를 검색하려면 `#`을 입력합니다.

    메가 메뉴 옵션을 편집합니다.

  • 관련 블록을 메가 메뉴 내 원하는 위치로 끌어다 놓아 메뉴 항목을 이동하세요.

  • 메뉴 항목을 삭제하려면 해당하는 블록을 삭제합니다.

메가 메뉴의 전반적인 레이아웃을 조정하려면 웹사이트 편집기의 사용자 지정 탭으로 이동한 다음 메가 메뉴 섹션에서:

  • 템플릿 을 선택합니다.

  • 크기 를 전체 너비 또는 좁게 중에서 선택합니다.

변경 사항을 적용하려면 저장 을 클릭합니다.

로그인하지 않은 사용자에게는 동적 메뉴 항목이 숨겨집니다

로그인하지 않은 사용자에게 동적 메뉴 항목(즉, Odoo가 자동으로 생성한 메뉴 항목, 예를 들어 행사, 과정 등과 같은 앱이나 모듈을 설치할 때)을 숨기려면 다음 단계를 따르세요:

  1. 개발자 모드 활성화.

  2. 웹사이트 ‣ 환경설정 ‣ 메뉴 로 이동합니다.

  3. 필요한 경우 해당 웹사이트의 메뉴 목록을 펼친 다음 숨기려는 메뉴 항목을 클릭합니다.

  4. 표시 그룹 섹션에서 그룹 이름 아래의 :guilabel:`라인 추가`를 클릭합니다.

  5. 사용자 유형 / 포털 그룹을 검색하여 선택한 다음 :guilabel:`선택`을 클릭합니다.

  6. 저장.

팁

Shop 메뉴 항목을 숨기려면 :doc:`로그인한 사용자로 이커머스 접근을 제한 <../../ecommerce/configuration/customer_accounts>`하세요.