본문 바로가기
재밌는 IT 개발/그누보드 테마 제작기(記)

그누보드 테마 제작 10 - 메뉴 기능 개발 1

by 행복한 만수킴 2020. 6. 27.

메뉴를 테마 템플릿에 맞게 수정해보았어요.
(전에도 몇번 메뉴 쪽을 보았지만 상당히 복잡하다는 기억을 가지고 있어서
두려운 마음으로 작업을 시작합니다.)

먼저 메뉴는 어드민에서 정해줘야 하니까... (그런걸로 기억하니까...)

그누보드 어드민에서 메뉴를 구성해본 화면

 

그누보드 관리자에서 설정된대로 보여지는 메뉴 화면 캡처

이제 작업 준비는 끝났고~ 본격적인 작업으로 들어가봅니다.

메뉴를 뿌려주는 소스는 어느 놈일지 먼저 검색...
전체 소스에서 "<h2>메인메뉴</h2>"를 검색해보니, head.php에 메뉴 소스가 있네요.
역시 복잡스럽...
여기서 궁금한게 동일한 foreach를 두 번 돌린다는 거에요.
이유가 뭔지 몹시 궁금합니다. (고수님들 알려주세요~~)

foreach를 두 번 돌리는 이유는 무엇일까?

그리고 $menu_datas 변수는 어떤 구조인지 출력도 해보았습니다.

메뉴를 출력하는 $menu_datas 배열의 내용

 

템플릿의 메뉴 구조는 SVG icon 때문인지 엄청 복잡하네요. ㅠㅠ
암튼 여차 저차 아래와 같이 정리했습니다.

Metronic Admin의 메뉴 코드 정리
Metronic Admin Template에 맞게 표현된 메뉴 모습

 

이제... 그누의 소스에서 테마로 가져올 것들을 가져옵니다.
걍 비교해가면서 foreach에 맞추어 때려넣는 작업이죠 ㅎㅎ

그누보드 메뉴 로직에 맞추어 Metronic Admin Tempate 수정 
완성 된 모습

다 된 줄 알았는데...
테마로 사용하려는 템플릿의 구조상 2가지 문제점이 남았네요.
1. 공지사항 페이지로 이동하면, 대메뉴가 열리고, 해당 메뉴가 열렸다는 표시가 있어야 하는데 안나와요. (이건 그누보드 기본 테마가 그런거라서... 에고... 어카지...)
2. 적용중인 템플릿은 첫번째 대메뉴는 링크가 안걸리네요. ㅠㅠ 링크가 걸리면 하위 메뉴가 안보여지는 문제가 발생했어요. (에고... 걍 끝나는게 없네요...)

이렇게 저렇게 해봐도 안되네요...
php로 안되니... javascript도 시도해야할까봐요...
어케야 할까나....
좀 더 고민해봐야겠네요...

댓글0