저니 2010 모바일 레이아웃(2010 Jowrney Mobile Layout)

XE 모바일 레이아웃
버전 : 0.1.0
제작자 : Jowrney Kim (http://www.jowrney.com / jowrney@jowrney.com)
설치 경로 : ./m.layouts/2010_jowrney_mobile

데모페이지 : http://www.jowrney.com/xe/SYDemo (아이폰에서 접속하세요.)
 

----- 로그  -------------------------------------------------------------------------

0.1.1 인코딩 문제  (by Jowrney)

0.1.2 회전 사이즈 변경 문제  (by 운좋은)

0.1.3 전체 높이 오류 (by Jowrney) 

----- 개요  -------------------------------------------------------------------------

 2010년 1월에 공개 되었던 저니 레이아웃의 모바일 버전입니다.

XE Core 1.4.3에 맞춰 공개된 모바일 기능이 추가됨에 따라 제작하게 되었습니다.

현재는 아이폰 사파리에만 제대로 보여집니다.

 (다른 환경은 테스트 하기가 쉽지 않아 못한 상태입니다.)

----- 설치 -------------------------------------------------------------------------

우선 설치에 앞서 모바일 레이아웃을 사용하기 위한 기본 여건이 갖추어졌는 지 확인하시기 바랍니다.

XE 모바일 레이아웃 아래의 환경에서 작동합니다.

1. XpressEngine Core v1.4.3

http://www.xpressengine.com/?mid=download&category_srl=18322907&package_srl=18325662

2. 모듈 > Board v1.1

http://www.xpressengine.com/?mid=download&category_srl=18322923&package_srl=18324167

위에 모든 업데이트 되셨다면 다운받으신 "2010_jowrney_mobile_0.1.0.zip"을 압축을 풉니다.

FTP에 접속하여 압축을 푼 "2010_jowrney_mobile"폴더를 다음의 장소에 업로드 합니다.

[XE루트] > m.layouts

1. XE제어판에 접속합니다.

2. "[제어판] > 사이트 설정 > 레이아웃" 항목에서 "모바일 레이아웃 목록"의 탭을 선택합니다.

3. [생성] 버튼을 클릭합니다.

4. 레이아웃 이름 항목에서 "2010 저니 모바일 레이아웃" 항목을 선택하고, 제목은 "2010_Jowrney_mobile"(임의로 작성해도 무방) 으로 입력 후

[다음] 버튼을 클릭합니다.

5. 이제 레이아웃의 각종 설정을 하고 저장을 누르면 됩니다. (아래에서 좀 더 자세히 이야기하겠습니다.)

6. 모바일용 메뉴와 게시판, 외부페이지등을 설정하여 홈페이지를 구성합니다.

7. 아이폰의 경우 "홈화면에 추가"하기 위해 사이트 루트에 "apple-touch-icon.png" 파일을 업로드 하여 이용할 수 있습니다.

자세한 내용은 아래의 주소를 참고하세요.

http://jowrney.com/xe/SYObjc/14907

----- 레이아웃 설정 -------------------------------------------------------------------------

1. WiFi사용권고

첫 방문자에게 Wifi사용권고를 사용합니다. 첫 방문시 alert으로 보여줍니다.

2. 컬러셋

화이트와 다크 두가지 색상입니다.

3. 로고 이미지

레이아웃의 상단에 표시될 로고이미지입니다.

width는 150px이하, height 39px로 제작해주세요.

4. 로고 텍스트

레이아웃의 상단에 표시될 텍스트입니다.

5. 로고 링크

로고 이미지나 텍스트를 클릭시 이동하게 될 URL입니다.

6. 저작권 표시 내용

하단에 표시할 저작권 내용을 입력할 수 있습니다.

7. 상단 바 이미지

상단 바에 사용될 이미지를 업로드할 수 있습니다.

상단 바 이미지로 사용할 수 있는 패턴이미지 10종(컬러5종, 패턴5종)을 배포하고 있으니 참고 하시기 바랍니다.

http://jowrney.com/xe/?mid=Downloads&package_srl=15298

8. 서랍메뉴 펼침 설정

모바일에서는 일반 레이아웃과 달리 기능성 변경불가능한 서랍메뉴가 있습니다.

"홈, 로그인, 언어선택, PC버전"을 보이거나 숨기거나 할 수 있습니다.

9. 상단 메뉴 설정

일반 레이아웃에서 사용하던 메뉴는 모바일 버전에서는 문제가 될 수 있습니다.

(이미지를 사용한다던지..)

텍스트만으로 구성된 메뉴를 따로 구성하는 것을 추천합니다.

이하 레이아웃 사용방법에 대해서는 XE사이트의 메뉴얼을 참조해주시기 바랍니다.

XE메뉴얼 : http://xe.xpressengine.net/wiki

----- 모바일 설정 안내 ------------------------------------------------------------------

XE Core 1.4.3 과 Board Module 1.1, 그리고 2010_jowrney_mobile 도 설치하셨는데도 모바일 뷰가 나오지 않으신가요?

다음의 설정이 되었는지 살펴보시기 바랍니다.

1. "XE관리자"에 접속하여 우측 상단 "Setting" 을 클릭합니다.

2. 설정항목 "모바일 뷰" 항목이 체크 되어 있는지 확인합니다.

3. 각 게시판, 외부페이지, 페이지.. 등의 서비스의 설정 클릭해봅니다.

예를 들면, "XE관리자 > 제어판> 서비스관리> 게시판"의 각 게시판 설정에서

"게시판 정보"탭을 클릭한 후...

"모바일 뷰"와 "모바일 레이아웃"이 지정되었는지 확인해보시기 바랍니다.

그래도 되지 않는 다면 XE 공식 질문게시판(http://www.xpressengine.com/qna)을 이용하시기 바랍니다.

----- 당부의 말씀 -------------------------------------------------------------------------

스마트폰이 급속도로 퍼지는 요즘, 다양한 디바이스에 대한 요구를 맞추는 것이 참 어려운 일이네요.

현재는 아이폰(사파리)에만 가능한 것이 아쉽습니다.  다양한 모바일 브라우저에 대응하길 기대해봅니다.

감사합니다.