상단메뉴 클릭 시 하위메뉴 첫 번째 메뉴로 이동시키기

  아임웹 연구소 소장 해준  |  2017 . 09 . 15

시작에 앞서
현재 아래 홈페이지(http://imwebstarteredu.imweb.me)의 상단메뉴를 보시면 [제작시연]이라는 메뉴가 있습니다. 이 메뉴를 클릭하시면, [제작시연] 메뉴 페이지는 나타나지 않고, [문자발송 및 전화걸기] 메뉴로 바로 이동합니다.

이처럼 하나의 상단메뉴가 여러 개의 하위메뉴를 가진 경우 상단메뉴를 클릭하면, 하위 첫 번째 메뉴로 이동시키는 것이 가능합니다. 오늘은 이를 구현하는 방법을 알아볼까요? 그 방법은 아주 간단합니다.





1단계, 메뉴 관리 패널 열기
디자인 모드 좌측 상단에 위치한, [메뉴 관리] 버튼을 클릭해주세요.
*기억해주세요~! 모든 메뉴 관련 설정은 이 [메뉴 관리]에서 가능합니다.




2단계, 메뉴 설정창 열기
하위메뉴들을 묶은 [상위메뉴]의 [설정창]을 열어주세요. 제 경우 [제작시연]이 [문자발송 및 전화걸기] 외 여러 하위메뉴들로 구성되어 있기 때문에, 아래 빨간 네모친 버튼을 클릭해 [제작시연] 메뉴의 설정창을 열 것입니다.




3단계, 메뉴 설정창 옵션 변경하기
[제작시연] 메뉴 설정 창이 켜졌습니다. 그중 옵션 항목에 [접근시 첫 번째 하위 메뉴로 이동] 옵션을 켜줍니다.




추가사항
디자인 모드에서 [제작시연] 메뉴를 클릭했을 때, 아래 그림처럼 나타난다면 정상적으로 옵션이 적용된 것을 뜻합니다. 참고로 상위메뉴를 클릭했을 때 하위 첫 번째 메뉴로 이동하게끔 설정했기 때문에, [제작시연] 메뉴는 편집이 불가능해집니다.


해준
배우고 익히고 나누는 | 해준씨 | 유용한 콘텐츠 마케팅 | 네이버 카페 '아임웹 연구소' 소장
jin@haejoon.com

아임웹 공식제휴사

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