PXE iPhone Widget은 카테고리(분류 출력기) 위젯입니다. 이 위젯은 비단 PXE Xesta 2 스킨 뿐만이 아니라 다른 위젯과 마찬가지로 어떤 레이아웃 및 스킨에서도 독립적으로 사용할 수 있습니다.
- iPod Drilldown & Flayout 메뉴를 사용하여 iPhone 인터페이스에 매치시켜 카테고리 네비게이팅을 좀 더 흥미롭게 할 수 있습니다.
- jQuery UI의 Theme Roller를 사용하면 다양한 컬러의 액정 메뉴를 선택할 수 있습니다.
- Breadclumb 기능은 액정 상단에 현재 카테고리의 단계경로를 모두 표시해주어 앞뒤 이동이 편리합니다
압축을 풀어 나온
PXE_iPhone_category 폴더를 아래의 경로에 위치시킨 후 서버에 업로드 합니다
XE가 설치된 폴더/widgets/category/skins/PXE_iPhone_category
1. PXE iPhone Widget 코드 생성
관리자 화면 접속 >
사이트 설정 > 위젯 > 게시글 분류 출력기 > 코드생성 버튼을 선택하여 위젯 코드를 생성합니다
2. 코드 삽입하기
코드 삽입도 다른 위젯과 마찬가지입니다. 만일 PXE Xesta 2 텍스타일 스킨에 넣으려면 아래의 위치에 삽입해 주세요.
<div id="iPhone">
<img class="zbxe_widget_output" widget="category" skin="PXE_iPhone_category" colorset="default" srl="15607" total_title="Categories" />
</div><!--iPhone 끝-->
3. 문제 해결하기
만일 위젯이 작동을 했는데 iPhone의 버튼이 이미지로 표시되지 않고 텍스트로 출력된다거나 하는 오류가 나타나면 category.html을 열고 아래의 코드에서 빨간색으로 표시한 부분의 절대경로를 확인하시기 바랍니다. 개인 사용자 환경마다 이 절대경로가 바뀔 수 있으므로 자신의 절대경로를 넣어야 합니다.
<!-- JS 파일 로드 -->
<!--%import("packages/fg-menu/jquery-1.3.2.min.js")-->
<!--%import("packages/fg-menu/fg.menu.js")-->
<!--%import("/common/js/iepngfix_tilebg.js")-->
<!-- CSS 파일 로드 -->
<!--%import("/widgets/category/skins/PXE_iPhone_category/packages/fg-menu/theme/ui.all.css")-->
<!--%import("packages/fg-menu/fg.menu.css")-->
<!--%import("css/widget.css")-->
만일 XE가 자신의 계정에 xe라는 폴더 안에 설치되어 있으면,
<!--%import("/xe/common/js/iepngfix_tilebg.js")-->
만일 XE가 자신의 계정에 zbxe라는 폴더 안에 설치되어 있으면,
<!--%import("/zbxe/common/js/iepngfix_tilebg.js")-->
위와같은 식으로 JS와 CSS 파일의 두군데를 수정해주세요
- 이 모듈 스킨은 XE의 모든 버전에서 작동합니다.
- 이 스킨은 IE6/7/8, FireFox2/3, Opera, Safari Windows에서 테스트 되었습니다.
- 이 스킨은 무료 스킨으로서 기술지원이 없으며, 버그나 오류사항에 대한 신고 이외에는 문의사항을 접수받지 않습니다.
- XE에서 제공하는 jQuery 1.3.2와 충돌이 있어 자체적으로 jQuery 사이트에서 직배하고 있는 1.3.2 버전의 JS 파일을 사용하고 있음