머리글 및 바닥글

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

Header design

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:

• Choose a Template from the drop-down menu.

• 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.

• Adapt Round corners to fit the design.

• 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 finalize changes, click on Save.

팁

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.

Header content

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.

메뉴 편집기

The menu editor allows to edit the website’s header and add menu items and mega menus.

To edit the header’s content, go to Website ‣ Site ‣ Menu Editor. From there, you can:

• 메뉴 항목의 이름을 **수정**하거나 메뉴 항목 편집 아이콘을 사용하여 URL을 변경합니다;

• 메뉴 항목 삭제 아이콘을 사용하여 메뉴 항목을 **삭제**합니다;

• 메뉴 항목을 메뉴 내에서 원하는 위치로 끌어다 놓아 **이동**할 수 있습니다;

• 하위 메뉴 항목을 상위 메뉴 아래 오른쪽으로 끌어다 놓아 **일반 드롭다운 메뉴**를 만듭니다.

참고

You can also access the menu editor by clicking Edit, selecting any menu item, and clicking the Edit Menu icon.

Adding 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. Click OK.

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

Menu item design

To modify the menu items, click on Edit, click on a menu item, then go to the Navbar section of the website editor. The following options are available:

• Adapt the Mobile Alignment.

• Choose the Font for the menu items.

• Change the font size, color, and alignment in the Format field.

• Select a Links Style to highlight the current page in the menu.

• Change the style of the header buttons.

• Choose to display the Sub Menus On Hover or On Click.

참고

The fields available in the Navbar section can vary depending on the chosen template.

To finalize changes, click on Save.

Mega menus

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

메가 메뉴를 생성하려면 :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:

• Choose a Template.

• Pick the Size: either Full-Width or Narrow.

To finalize changes, click on Save.

Footer design

To modify the footer, click on Edit, click on the footer, and in the Footer section of the Customize tab in the website editor:

• Select a Template.

• Choose its Colors.

• Choose a Slideout Effect: Regular (i.e., no effect), Slide Hover, or Shadow.

• Toggle the Copyright switch to hide or show the copyright.

• Choose the Border size.

• Add a Shadow.

• Add a Scroll Top Button and choose its position.

• Hide or show the footer by toggling the Page visibility switch.

To finalize changes, click on Save.