워드프레스 모바일 메뉴 카테고리 추가방법

워드프레스에서 PC 화면과
핸드폰으로 들어갔을 때
메뉴 구조가 매우 다른 것이 보이는데

애초에 PC에서 햄버거 버튼을 눌렀을 때의 메뉴와
모바일에서 햄버거 버튼을 눌렀을 때
불러오는 구조가 다르기 때문에
100% 동일하게는 불가능하고
카테고리라도 동일하게 불러와 보려면

먼저 Appearance -> Menus 로 들어온 뒤
상단의 create a new menu를 눌러주자

이후 메뉴명 넣고
Mobile Menu 부분 체크해준 뒤
Create Menu를 눌러주자

다음은 Manage Locations 탭으로 변경해서
Mobile Menu에 아까 생성한 메뉴를 넣어주고
Save Changes 후 다시 Edit Menus로 돌아오자

이제 Mobile Menu로 메뉴를 변경해준 뒤
왼쪽의 카테고리를 넣어준 뒤 순서 바꿔주고
Save Menu를 눌러주면

모바일에서도 햄버거 버튼을 눌렀을 경우
카테고리가 잘 노출되는 것이 보인다