Extra Form
자료 소개 메뉴 목록 및 검색 위젯 스킨입니다. (메뉴가 숨겨졌다가 검색어를 입력했을 시 나오는 스킨)
설치 경로 /widgets/ap_menu_search/skins/hidden
테스트 환경 Rhymix 2.0
라이선스 GPL v2
원작 정보 윤삼 https://xetown.com/download/1667755
이름 버전 날짜 다운수
hidden0.1.0.zip 0.1.0 2022-12-14 41

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

https://xetown.com/download/1667755

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

 

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

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

 

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

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

 

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

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

 

메뉴검색.PNG

 

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

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

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

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

 

사용 설정하는방법

 

정렬방식 - 사이트맵 형식

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

 

검색설정 - 사용함

검색어 자동완성 - 사용함

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

 

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

 

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

 

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

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

전체메뉴

 축제

 - 불꽃축게

 - ㅇㅇ축제

 - ㅌㅌ 축제

동물

 - 고양이

 - 강아지

 - 토끼

날씨

 - 봄

 - 여름

 - 가을

 - 겨울

 

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

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

 

메뉴.PNG


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

  • profile
    와~~능력자분들의 콜라보~ 멋집니다
  • ?
    윤삼님 위젯을 사용중인데 저도 잘 사용하겠습니다. 감사합니다. ^^
  • ? profile

    사용해주신다니 감사합니다.
    아쉽게도 위젯 동시에 두 곳 노출은 안되더라구요
    단. 사이트맵 방식으로 ㄱ ㄴ ㄷ 과 저 메뉴 두개 사용은 가능할꺼에요~ ㅎㅎ

  • ?
    헉 감사합니다
  • ? profile
    윤삼님이 워낙 잘만들어 주셔서 CSS만 다듬어서 쓰셔도 엄청 예쁜결과물이 나올꺼에요~