상단 서브메뉴 스타일 변경하기

메뉴가 그룹으로 구성된 경우, 메인메뉴에 마우스 포인터를 올리면 아래 그림처럼 서브메뉴가 표시됩니다. 상단 편집에서 메뉴 위젯의 설정을 열어, 서브메뉴 텍스트의 크기, 배경색, 메뉴 간 간격 등 스타일을 변경할 수 있습니다.

이 도움말에서는 상단 메뉴에서 서브메뉴 스타일을 변경하는 방법을 소개합니다.

설정방법

1단계: 상단 편집 진입하기

서브메뉴는 상단 영역에 있는 메뉴로 상단 편집에서 변경할 수 있습니다. 1단계에서는 상단 편집으로 진입하는 방법을 설명합니다.

1. 디자인 모드에 접속합니다. 접속방법
2. 디자인 모드 오른쪽 상단의 상단 편집 을 클릭해, 상단 편집을 열어줍니다. 상단 편집 열기
3. 메뉴 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭해 주세요. 만약 선택하신 테마에 메뉴 위젯이 없는 경우 새로운 위젯을 추가합니다. 상단 위젯 추가하기

4. 컨텍스트 메뉴가 나오면 메뉴 설정 을 클릭합니다.

   참고: 메뉴 위젯은 일반적으로 상단 메인메뉴를 말합니다. 메인메뉴에 마우스 오른쪽 버튼을 클릭해 보세요.

   

5. 화면 오른쪽에서 메뉴 설정 패널이 나타납니다.

2단계: 서브메뉴 스타일 변경하기

이 도움말에서는 메뉴 설정에서 서브메뉴 스타일을 변경하는 과정을 설명합니다.

1. 메뉴 설정 패널 상단의 서브 메뉴 탭을 클릭합니다.

   

2. 서브 메뉴에 마우스 포인터를 올렸을 때의 텍스트 및 배경 색상을 설정합니다.

   

3. 기본 상태에서의 서브메뉴 스타일을 설정합니다.

   참고: 배경 옵션의 rgba는 투명 색상을 의미합니다. 아임웹에서 반투명한 색상을 설정하는 방법은 컬러픽커로 투명도 조절하기 도움말에서 알아보세요.

   

4. 서브메뉴 아래 그림자를 추가하거나, 텍스트를 전부 굵게 또는 기울이기 옵션을 추가할 수 있습니다.

   

5. 모든 설정을 마쳤으면, 메뉴 설정 패널 바깥 영역을 클릭해 설정을 종료합니다.

3단계: 미리보기 및 게시하기

1. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
2. 상단 메인메뉴에 마우스 포인터를 올려봅니다.
3. 상단 메뉴 아래 의도한 스타일대로 서브메뉴가 나타나는지 확인합니다.
4. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.