메뉴 목록 및 검색 위젯의 스킨(메뉴 검색 시 나오게)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

동영상에는 전체 메뉴라고 나오지만 현재 검색 결과로 수정하였습니다.

 

https://xetown.com/download/1667755

윤삼님이 만든 위 위젯의 스킨입니다.

 

윤삼님 위젯 너무나 완벽하고 좋습니다!(최애 위젯)

전체메뉴가 보여지면 해당 위젯을 넣을 수 잇는 공간적인 제약이 생기는것 같습니다(반대로 사이트맵에서 전체메뉴가 한방에떠서 아주 유용히 쓰고있습니다 다시한번 감사드립니다)

 

귀중한 이 위젯을 모든페이지에서 두루두루 쓰고픈마음에

기본 스킨에서 최초 실행시 모든 메뉴가 숨겨져 있도록 수정하였습니다.

 

이렇게하면 사이트 좌 우측 메뉴 빈공간에 넣거나 레이아웃의 어떤 부분에 넣어도 잘 어울릴거라고 생각했습니다.

예를들면 XE 타운의 중앙우측의 최근글 추출되는 곳 가장 아래에 넣으면 딱이겠죠!

 

 

최초 검색창에 마우스 클릭했을때 모든 메뉴가 나오게 수정하였엇는데

input 에서 메뉴를 클릭하기위해 마우스를 다른곳을 클릭하면 메뉴가 사라지는

버그가 있어서 그냥 속 편하게 키워드가 입력되는 순간 메뉴가 나오게 수정하였습니다.

(제이쿼리에 검색결과 div에  마우스 오버를 하면 숨겨지지 않게 하는 조건 등 등 몇몇개 더 넣어주면 되기는 됩니다.)

 

사용 설정하는방법

 

정렬방식 - 사이트맵 형식

사이트맵 노드 시작점 - 1차메뉴

 

검색설정 - 사용함

검색어 자동완성 - 사용함

검색 결과 실시간 반영 - 필터링으로 해주셔야 정상 작동합니다.

 

기존 3단락으로 나오는 경우

 

저같은 경우 전체 메뉴를 1개의 전체메뉴로 따로 구성을 해주었습니다.

 

전체메뉴를 호출했고 전체메뉴는 대략 아래와 같습니다.

-------------

전체메뉴

 축제

 - 불꽃축게

 - ㅇㅇ축제

 - ㅌㅌ 축제

동물

 - 고양이

 - 강아지

 - 토끼

날씨

 - 봄

 - 여름

 - 가을

 - 겨울

 

이런식으로 구성 하였습니다.

(테스트 사이트에서 임시로 메뉴를 만들어서 이상한 메뉴인점 양해 바랍니다)

 

다시 한번 이런 고급스런 위젯을 제공해주신 윤삼님께 감사의 말씀드립니다!