라이믹스/XE의 다양한 모듈, 스킨, 애드온 등의 자료를 판매해보세요.

메뉴 목록 및 검색 위젯

등록일

2023-03-31

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

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

 ap_menu_search.0.1.1.zip 

미리보기 : 

메뉴 목록 + 검색어 필터링

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

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

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

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

 

 

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

 

1. 기본 설정 > 메뉴 그룹

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

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

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

 

 

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

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

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

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

 

 

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

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

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

 

 

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

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

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

네이버에 이온디를 검색해주세요
미리보기
파일 다운로드하기 전 사용하실 도메인 주소를 입력 후 다운로드 가능합니다.
파일 이름 잔여일 상태 다운로드
ap_menu_search.0.1.1.zip - - 다운로드
분류 위젯
판매자 XE마켓
사용자평점 0점 / 총 0명 참여
판매포인트 무료
상품카테고리 위젯 
상태 판매중 
소개 사이트 메뉴의 목록을 출력하고 검색합니다. 
설치경로 ./widgets/ap_menu_search 
버전 0.1.1 
라이센스 GPL v2 
지원환경  
개발자 윤삼 
구매 페이지 https://xetown.com/download/1667755 
미리보기  
구성품  
문의  
라벨  
외부URL  
네이버에 이온디를 검색해주세요

분류

고급

  • 상품카테고리

  • 상태

  • 지원환경

List of Articles
번호 분류 제목 사용자평점 포인트
상품 커스터마이징 건에 대해서
이온디샵에서 개발자/디자이너 여러분의 컨텐츠를 판매하세요.
포인트샵 오픈마켓입니다. 구매를 원할 경우 포인트를 충전해주세요.
13 스킨 사업자 등록번호 조회하고 그 결과를 저장하는 소스 3,000P
12 스킨 라이믹스 마이로그 스킨 - 인스타그램 스타일 [1] 무료
11 스킨 라이믹스XE Auction 경매모듈스킨 800P
10 스킨 xe_official 로그인위젯스킨 무료
9 스킨 윤삼님의 프로필 위젯의 스킨 무료
8 스킨 회원 간편 검색 위젯 심플 스킨 무료
7 스킨 Fourstrap Alert Lite (알림센터Lite 스킨) 55P
5 스킨 이온디 샘 2P
4 스킨 이온디 플러스라인 2P
3 스킨 이온디 고한나 2P
2 스킨 이온디 글로시박스 2P
1 스킨 이온디 플러스 위젯스타일 10P