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

그누보드 테마 제작 11 - 메뉴 기능 개발 2

by 만수킴 2020. 6. 27.

지난 번 메뉴 리스트를 완료 못하고 멈췄었네요. ㅠㅠ

바로 이 문제 들!!!

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

 

먼저 첫번째 문제 해결해보자구요.
1. 공지사항 페이지로 이동하면, 대메뉴가 열리고, 해당 메뉴가 열렸다는 표시가 있어야 하는데 안나와요. (이건 그누보드 기본 테마가 그런거라서... 에고... 어카지...)

일단 javascript로 해결해볼까 하다가... 실패했네요.
역시 css와 js가 약한 저로서는 오래 걸리고 힘든 작업 ㅠㅠ

PHP만으로 해결하기로 하고... 생각... 또 생각....
현재 URL과 메뉴 링크를 비교하면 될 것 같은데...
뭐 일단 고고... 다른 아이디어는 딱히 없네요.
누구 좋은 방법 있으시면 좀 알려주세요~~

일단 배열로 가져온 메뉴를 돌면서 현재 URL과 비교하는 로직을
메뉴 표시하는 HTML위에 만들어둡니다.

Metronic Admin Theme의 메뉴에서 open과 active 클래스 정의를 위하여 삽입한 코드

그리고, 클래스가 들어갈 위치에 변수를 똭~~

Metronic Admin Theme의 메뉴에서 open과 active 클래스가 위치할 곳에 변수를 출력시킴.

 

이제 페이지에 맞게 정확하게 펼쳐지고 표시가 되는군요.

현재 메뉴에 맞게 메뉴가 열리고 활성화된 모습

 

이제 두 번째 문제 해결...

2. 적용중인 템플릿은 첫번째 대메뉴는 링크가 안걸리네요. ㅠㅠ 링크가 걸리면 하위 메뉴가 안보여지는 문제가 발생했어요. (에고... 걍 끝나는게 없네요...)

흠냐... 이 문제는 답이 없네요.
걍 첫번째 대메뉴 링크는 버려야죠 ㅠㅠ

Metronic Admin 템플릿의 구조상 대메뉴는 링크가 안되기에 위와 같이 변경

 

그룹의 전체 글을 보여주던 페이지는 "적당한 메뉴명"을 주어 하위 메뉴로 빼는 방법 밖에는 ㅠㅠ

그누보등의 그룹페이지는 적당한 메뉴명을 두어 노출 시킨 모습

 

오늘도 요만큼 했네요... 도대체 언제 끝날려는지...
그리고, 기본 테마 사이트를 하나 더 만들어놓고 비교해가면서 하는게 좋겠어요.
테마설정을 바꿔가면서 할려니 엄청 귀찮네요 ㅎㅎㅎ

매번 귀찮게 그노보드 테마를 변경 적용하는 모습

댓글