메가메뉴/전체메뉴 설정하기

예상 읽기 시간:1분 8보기

케이테마 2차 메뉴표시

케이테마에서는 2차메뉴 표시에 대해 두가지 표시방법을 제공합니다. 

일반적인 세로방식의 드랍다운 메뉴와 함께 메가메뉴 형식(상단 이미지)을 이용할 수 있습니다. 본 가이드에서는 메가메뉴 설정방법을 알려드리나니 단계별로 따라해보시기 바랍니다. 

 

관리자 메뉴 접속

워드프레스 관리자로 로그인한 후, 왼쪽 사이드바에서 모양 메뉴를 선택합니다. 이 페이지에서는 워드프레스 홈페이지의 메뉴를 추가, 수정, 삭제 및 관리할 수 있습니다.

 

CSS 클래스 필드 활성화

케이테마 메가메뉴를 사용하려면 메뉴 항목에 CSS 클래스를 추가해야 합니다. 기본적으로는 클래스 입력 필드가 보이지 않으므로 다음 단계를 따라주세요:

  1. 페이지 우측 상단의 화면 옵션 버튼을 클릭합니다
  2. 드롭다운 메뉴에서 CSS 클래스 체크박스를 선택합니다
  3. 이제 각 메뉴 항목을 펼쳤을 때 CSS 클래스 입력 필드가 표시됩니다

 

메가메뉴 클래스 설정

메뉴 항목을 펼쳐보면 CSS 클래스 필드를 확인할 수 있습니다. 이 필드에 megamenu를 영문으로 입력해주세요.

이렇게 설정하면 해당 메뉴의 하위 메뉴들이 모두 메가메뉴 형태(전체 폭 레이아웃)로 표시됩니다.

 

설정 저장

모든 설정을 완료한 후 저장 버튼을 클릭하여 변경사항을 저장하고, 실제 홈페이지에서 업데이트된 메뉴를 확인해보세요.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

페이지 공유

메가메뉴/전체메뉴 설정하기

URL 주소 공유

목차