머리글 및 바닥글

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

머리글 디자인

To modify the header’s design, click on Edit, then click on the header. The following options are available in the Header section of the Customize tab in the website editor:

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

  • Select Background settings to change the color palette through different Theme styles, Custom color options, and Gradient ones.

  • When adding a Border to the header, its size, style, and color can be defined.

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

  • Add a Shadow and define its Color, Offset, Blur, and Spread.

  • Add a Scroll Effect. Hover on an effect to preview it.

  • Choose the Header Position between Regular, Hidden, and Over The Content. When Over The Content is selected, you can customize the Background and Text Color.

  • Show or hide Elements such as text, the search bar, Sign in button, social media links, Contact us button, and logo.

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

팁

To hide the header, click on Edit, click on the header, and go to the Theme tab of the website editor. Scroll down to the Advanced section and toggle the Show Header switch to hide/show the header.

머리글 내용

Menus organize the header’s content and help users navigate through web pages effectively. User-friendly and well-structured menus also play a crucial role in improving search engine rankings.

Add menu items

By default, pages are added to the menu as drop-down menu items when they are created. To add a new menu item, follow these steps:

  1. Go to Website ‣ Site ‣ Menu Editor.

  2. In the menu editor, click Add Menu Item.

  3. In the pop-up window, enter the Name to be displayed in the menu.

  4. Type / in the URL or Email field to search for a page on your website or # to search for an existing custom anchor.

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

  6. Edit the menu structure if needed, then Save.

메가 메뉴

메가 메뉴는 드롭다운 메뉴와 비슷하지만, 단순히 하위 메뉴에 대한 목록을 표시하는 대신 검색 옵션 그룹으로 패널이 구분되어 표시됩니다. 따라서 웹사이트나 이커머스 웹사이트 에 콘텐츠가 많이 있는 경우에 적합하며, 이를 통해 모든 웹페이지나 이커머스 카테고리 를 메뉴에 표시하면서도 모든 메뉴 항목을 동시에 나타나게 할 수 있기 때문입니다.

탐색 표시줄의 메가 메뉴.

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

To adapt the options and content of the mega menu, click on a mega menu item in the header, then click Edit. Mega menus are composed of building blocks, which means you can customize each component individually. For example:

  • Edit the text directly in the building block.

  • Edit a menu item’s URL by selecting the menu item and clicking the Edit link button in the small preview pop-up. Type / to search for a page on your website, or # to search for an existing custom anchor.

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

  • Move a menu item by dragging and dropping the related block to the desired position in the mega menu.

  • Delete a menu item by deleting the related block.

To adapt the general layout of the mega menu, go to the Customize tab of the website editor, then, in the Mega Menu section:

  • 템플릿 을 선택합니다.

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

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

Hide a dynamic menu item for non-logged in users

To hide a dynamic menu item (i.e., a menu item generated automatically by Odoo, for example, when you install an app or module, such as Events, Courses, etc.) for non-logged in users, follow these steps:

  1. Enable developer mode.

  2. Go to Website ‣ Configuration ‣ Menus.

  3. Expand the list of menus for the relevant website if needed, then click the menu item you wish to hide.

  4. In the Visible Groups section, click Add a line under Group Name.

  5. Search for the group User types / Portal, select it, then click Select.

  6. Save.

팁

To hide the Shop menu item, restrict ecommerce access to logged-in users.