라이믹스/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
번호 분류 제목 사용자평점 포인트
상품 커스터마이징 건에 대해서
이온디샵에서 개발자/디자이너 여러분의 컨텐츠를 판매하세요.
포인트샵 오픈마켓입니다. 구매를 원할 경우 포인트를 충전해주세요.
20 레이아웃 DoorWeb 레이아웃 B ver. 1.4 100P
19 레이아웃 링크모음 여기여기 반응형 레이아웃 (요기요기) 10,000P
18 레이아웃 [V0.1.3] 부트스트랩 기반 Gentelella 레이아웃 무료
17 레이아웃 게임 홈페이지 레이아웃 100P
16 레이아웃 Equeer 레이아웃 1.4.5 (반응형 지원) 무료
15 레이아웃 ElaAmin For RXE 500P
14 레이아웃 Read Only 레이아웃 (v2.2) (다국어 버튼 추가) 150P
13 레이아웃 ROOT BASIC-반응형 무료
12 레이아웃 Mh Justice Layout Free 무료
11 레이아웃 bootstrap DASHGUM 템플릿 [1] 무료
10 레이아웃 XNS 레이아웃 - 기본 무료
9 레이아웃 XNS 레이아웃 - Colorlib Tulen 무료
8 레이아웃 사이트선택 전용 레이아웃 100P
7 레이아웃 Editorial 레이아웃 (v0.5) 150P
6 레이아웃 Pure 레이아웃 v1.0.0-beta.2 무료
5 레이아웃 [베타] Verti RX v1.0 11P
4 레이아웃 RPG GAME LAYOUT 300P
2 레이아웃 Aerial ComingSoon 레이아웃 무료
1 레이아웃 Mobirise4 for RXE 500P