• 가이드

메뉴 리스트 위젯으로 하위 메뉴 만들기

이 도움말에서는 메뉴 리스트 위젯을 활용해, 페이지에 하위 메뉴들을 표시하는 방법을 설명합니다.

앞서 완료해야 할 사항

메뉴 리스트 위젯은 메뉴 관리에서 생성한 메뉴(페이지)들을 불러와 간편하게 표시해주는 기능을 가지고 있습니다. 따라서 이 도움말을 진행하기에 앞서 표시할 메뉴들을 생성하고 구성해야 합니다.

메뉴 리스트를 통해 표시할 메뉴들을 아직 생성하지 않았다면 아래 도움말 링크를 통해 메뉴를 추가하고, 필요에 따라 그룹 메뉴로 구성해 주세요.

설정방법

1단계: 기본 메뉴 리스트 추가하기
  1. 디자인 모드에 접속합니다. 접속방법
  2. 메뉴 리스트 위젯을 추가할 메뉴로 이동합니다.

  3. 왼쪽 상단의 위젯 추가 + 아이콘을 클릭합니다.
  4. 메뉴 리스트 위젯을 클릭하고, 적절한 위치로 이동시킵니다. 위젯 추가, 이동, 복제, 삭제방법
  5. 메뉴 리스트 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  6. 컨텍스트 메뉴가 나오면 메뉴 리스트 설정를 클릭하고, 다음의 설정항목을 수정합니다. 위젯 설정방법

    1. 다른 디자인: 다른 디자인 버튼을 클릭해 메뉴 리스트의 스타일을 선택합니다.
    2. 연동 대상: 메뉴 연동 옵션을 선택합니다.
    3. 기준 위치: 표시하고자 하는 메뉴(또는 메뉴 목록)를 선택합니다.
    4. 메뉴, 텍스트, 정렬 항목: 사이트 디자인 콘셉트에 따라 적절하게 수정합니다.
  7. 닫기 ✕ 아이콘을 클릭해 메뉴 리스트 설정 창을 닫고,  메뉴 표시여부를 확인합니다.

2단계: 모든 연관 메뉴에 메뉴 리스트 위젯 추가하기

방문자가 메뉴간 편리하게 이동할 수 있도록, 모든 메뉴에 메뉴 리스트 위젯을 추가합니다.

  1. 위 1단계에서 추가한 메뉴 리스트 위젯 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 컨텍스트 메뉴가 나오면 위젯 복사를 클릭합니다.
  3. 메뉴 리스트 위젯을 추가할 다음 메뉴로 이동합니다.
  4. 페이지 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  5. 컨텍스트 메뉴가 나오면 위젯 붙여넣기를 클릭합니다.
  6. 복제된 메뉴 리스트 위젯이 삽입됩니다.
  7. 복제된 메뉴 리스트 위젯을 마우스 클릭 후 드래그하여 적절한 위치로 이동시킵니다. 위젯 추가, 이동, 복제, 삭제방법
  8. (선택 사항) 남은 모든 연관 메뉴에 메뉴 리스트 위젯을 붙여넣기합니다.



관련 도움말: 게시판 카테고리 표시하기

게시판 위젯에 추가한 카테고리들을 메뉴 리스트 위젯과 연동해 페이지에 표시할 수 있습니다. 이 때 방문자가 카테고리 클릭 시 해당 카테고리가 걸린 게시물만 골라 표시됩니다. 자세한 제작방법은 다음 튜토리얼을 참조하세요.

게시판 카테고리 메뉴 리스트 만들기

목록으로

시작이 어려우신가요?

교육 받아보시면 쉽습니다.

온라인 교육 바로가기

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.
676.4K
누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.
315
일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.
3.2K
전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 나이스페이, 이지페이, 엑심베이 공식파트너입니다.