• 가이드

메뉴 리스트 위젯

위젯 소개

메뉴 관리에서 상단(헤더)에 표시되는 메뉴들을 그룹으로 설정한 경우, 아래 그림 1번처럼 풀다운 형태로 하위 메뉴들이 표시합니다. 만약 풀다운 형태가 아니라 그림 2번처럼 본문에 서브 메뉴를 표시하고자 하는 경우, 메뉴 리스트 위젯을 추가하고 표시할 메뉴들을 선택해 보세요.

참고: 메뉴 리스트 위젯은 모바일에서 자동 숨김 처리 됩니다. 따라서 모바일에서도 표시되게 하려면, 모바일 설정에서 모바일 표시 옵션을 체크해주셔야 합니다.


위젯 설정

위젯 설정을 열어 표시할 메뉴를 선택하고 스타일 및 디자인을 변경합니다.

  1. 메뉴 리스트 위젯을 추가합니다. 위젯 추가방법
  2. 메뉴 리스트 설정을 열어줍니다. 위젯 설정 열기
  3. 다음의 설정항목을 확인하고 변경합니다.

설정항목

메뉴 리스트 위젯의 설정항목은 아래 1번에서 선택하신 스타일에 따라 일부 달라질 수 있습니다. 여기서는 타입 1번 메뉴 리스트를 예시로 설명합니다.

1) 다른 스타일

위젯 설정 창 상단 중앙에 있는 다른 스타일 버튼을 클릭해 메뉴 리스트의 스타일을 변경할 수 있습니다. 가로형부터, 세로형까지 다양한 스타일 준비되어 있습니다.

2) 연동 대상
  • 메뉴 연동: 메뉴 관리에서 추가한 메뉴를 불러옵니다.
  • 페이지 내 위젯 카테고리 연동: 현재 페이지 내 삽입된 게시판, 지도 게시판, 캘린더 위젯의 카테고리 불러옵니다.
3) 기준 위치
  • 연동 메뉴: 연동 대상을 '메뉴'로 선택한 경우 표시됩니다. 기본값은 '현재 메뉴'입니다. 원하는 '서브 메뉴'가 표시되지 않으면 기준 위치를 적절하게 변경합니다.
  • 하위메뉴 모두 펼치기: 모든 하위메뉴를 모두 펼쳐서 표시합니다.
  • 숨김메뉴 표시: 숨김 메뉴를 모두 표시합니다.
4) 메뉴
  • 크기: 메뉴 텍스트의 크기를 변경합니다.
  • 간격: 메뉴 사이의 간격을 변경합니다.
  • 강조색: 밑줄의 색상을 변경합니다.
  • 영문 대문자로 표시: 영문 텍스트가 모두 대문자로 변경됩니다.
  • 모바일에서 표시: 모바일 버전에서 메뉴 리스트가 표시됩니다.
5) 텍스트
  • 메뉴 텍스트의 기본색, HOVER 색, 활성화(선택 되었을 때) 색, 메뉴 텍스트의 자간을 변경합니다.
6) 정렬
  • 메뉴 리스트 위젯의 위치를 왼쪽, 중앙, 오른쪽 중 하나로 정렬할 수 있습니다.
목록으로

시작이 어려우신가요?

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

온라인 교육 바로가기

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

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

아임웹 공식제휴사

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