추천 수 4 댓글 11
Extra Form
자료 소개 사이트 메뉴의 목록을 출력하고 검색합니다.
설치 경로 ./widgets/ap_menu_search
테스트 환경 Rhymix 2.0
라이선스 GPL v2
이름 버전 날짜 다운수
ap_menu_search.0.1.1.zip 0.1.1 2022-03-20 23

원래는 2년전 쯤 팁 게시판에 올렸던 자료인데, 위젯 설정을 살짝 수정해서 0.1.1로 업데이트도 하고 그 김에 공개자료실에 올려봅니다.

저도 이제는 이게 어떤 기능들이 있었는지 가물가물하기는 한데, 그럭저럭 잘 돌아가는 위젯이었던 것으로 기억합니다 :)

 

미리보기 : 

- 메뉴 목록 + 검색어 필터링

- 메뉴 목록 + 검색어 하이라이트

- 메뉴 목록만 출력 : 사이트맵 형식

- 메뉴 목록만 출력 : 가나다순

... 이외에도 다양한 조합 방식으로 사이트 메뉴 모음 페이지를 구성할 수 있습니다.

 

 

대부분의 경우 위젯 설정을 하시다보면 금방 하시겠지만, 일부 어려움이 있을 것으로 예상되는 설정이 있어서 몇 가지 도움 말씀을 적어봅니다.

 

1. 기본 설정 > 메뉴 그룹

- 메뉴 목록에 출력할 메뉴 그룹의 번호들을 쉼표 단위로 입력합니다.

- 이 부분이 앞선 버전과 달라진 부분인데, 원활한 목록 작업을 위해 메뉴 번호를 수동 입력하게끔 했습니다. 즉, 0.1.1 이상의 버전을 사용하려면 기존 버전 사용자 메뉴 그룹을 지정하는 작업을 새로 해주셔야 합니다.

- 여기서 메뉴 그룹 번호란, 아래 그림처럼 메뉴 아이템들을 묶어주는 최상위 수준의 노드를 말합니다. 보통은 사이트 메뉴 편집에서 1) 폴더 아이콘이 있는 메뉴 그룹 이름에서 오른쪽 클릭을 한 후 2) '검사' 또는 '개발자 도구'로 들어가서 확인해볼 수 있는 3) 소스 코드에서 숫자를 확인할 수 있는데, 4) 그 숫자가 바로 메뉴 그룹 번호에 해당합니다.

0.png

 

 

2. 기본 설정 > 사이트맵 노드 시작점

미리보기 페이지에서 볼 수 있는 것처럼 메뉴 목록은 박스 단위로 묶여서 출력됩니다.

- 보통은 위에서 선택한 '메뉴 그룹'을 중심으로 범주화하는데, 간혹 범주의 기준점을 메뉴 그룹이 아니라, 메뉴 아이템의 '1차 메뉴'로 하고 싶을 수 있을 겁니다. 여기서는 그 두 가지 경우를 고르면 됩니다.

- 단, '1차 메뉴' 기준의 범주 적용은 위젯 설정 맨 마지막에 있는 '검색 결과 실시간 반영'을 '사용 안 함'으로 하는 경우에만 적용됩니다.

 

 

3. 검색 설정 > 검색어 로컬저장 시간

- 메뉴 검색 때 검색어 자동완성이 이뤄지는데, 이때 빠른 자동완성을 위해 메뉴 목록을 컴퓨터의 로컬저장소에 보관하게 됩니다.

- 이 설정에서는 로컬저장소의 저장 기간을 분 단위로 지정할 수 있습니다.

 

 

4. 특수기능 설정 > 검색 결과 실시간 반영

- 메뉴 검색 필드에 입력된 검색어에 따라 목록의 메뉴가 필터링되거나 하이라이트 되어 재배열이 이뤄집니다.

- 메뉴가 많은 사이트일수록 유용한 기능이 될 거라고 봅니다.

제작자 윤삼

profile
아무래도 중급 초반 수준의 코딩 오타쿠인 것 같습니다.
  • ?
    감사합니다.
  • profile
    와 이건 진짜 도움 많이 되네요
    잘 사용 하겠습니다. 윤삼님
  • profile profile

    사이트 특성에 맞게 사용하시려면 스킨에 손이 좀 갈 거예요.
    그러다가 좋은 스킨이 나왔다 싶으시면 여기가 아니라 다른 곳에서라도 공유 좀 해주세요 :)

  • profile profile
    네 알겠습니다.
  • profile
    믿고쓰는 윤삼님 자료인만큼 내일바로 도전해보겠습니다ㅎㅎ
  • profile profile
    괜찮은 스킨이 있으면 좋을 텐데, 메뉴가 많은 복잡한 사이트에 어울리는 위젯이어서 그런지 기대보다 많이 사용되진 않더라구요ㅎㅎ
  • profile profile
    사이트맵 -> 1차 메뉴 형식에서
    한줄로 내려오는것보다 abc 처럼 3등분정도로 총총총 나오면 좋을것같은데..
    <div>에서 css 수정으로 가능할까요?? 아니면 sitemap_menu의 html을 바꿔야할까요
    html 코드를 보니 머리가 하얘지는군요 ㅎㅎㅎ
  • profile profile
    제가 봐도 어렵긴 하네요ㅜ
    이래서 스킨이 안 만들어지나봐요ㅋㅋㅋ

    _list_sitemap.html 파일의 5행을
    <div class="ap_menu_search_list sitemap items{$sitemap_node === 'first_menus' ? '3' : $items}">
    으로 바꿔보세요~
  • profile profile

    헐... 지쟈뜨...역시 윤삼님이십니다..
    제1시간이 삭제됐지만 제가 원하는방향으로 100% 됐습니다 ㅠㅠ
    압도적 감사드립니다!!

  • profile
    잘쓰고 있던 위젯입니다. 감사합니다~
  • profile profile
    공개자료실 생긴 기념으로 살짝 수정을 해서 올려봤습니다 :)