적용버전 : XpressEngine 공통 모바일(Mobile) 페이지 설정하기

모바일(Mobile) 페이지 설정하기

모바일 페이지 설정하기

1. 모바일 설정이 완료되면 웹브라우저 주소입력란에 ?m=1 을 입력하여 모바일 뷰에 접속 합니다. 설치 디렉터리가 xe/ 인 경우 /xe/?m=1을 입력합니다. m 은 모바일이고 1은 true의 의미가 있습니다. PC 버전으로 되돌아오려면 m=0 입니다. 시작 페이지에 갤러리뷰 등과 같은 별도의 위젯을 사용할 경우 모바일 환경에서는 어떻게 적용될까요? 확인해 보도록 합니다.

image


2. 모바일 뷰가 정상적으로 적용되어 출력됩니다. 하지만, 추가로 작성했던 위젯이 정상적으로 작동하지 않을 수 있습니다. 추가 설치된 위젯의 작동여부는 위젯 제작자 홈페이지를 방문하여 모바일 관련 문의를 해야 합니다. 페이지 모듈에서는 모바일 뷰가 적용되면 모바일(Mobile)과 PC 에서 다른 컨텐츠(내용)를 출력할 수 있도록 설정할 수 있습니다. 다시 PC 버전으로 돌아가기 위해 주소입력란에 ?m=0 을 입력합니다.

image

image


3. 페이지 설정 버튼 옆의 Mobile(모바일) 버튼을 클릭합니다.

image


4. 페이지 수정 및 내용 직접 입력을 클릭합니다.

image


5. 모바일에서의 페이지 내용 수정은 페이지 꾸미기와 동일한 방법으로 이루어집니다. 다만 모바일에서 출력이 가능한 위젯을 추가해야 하며 이미지 등은 모바일 환경을 고려하여 가로, 세로의 크기를 적절한 크기로 조절하고 파일의 용량이 크지 않토록 주의해야 합니다. 내용 직접 추가 버튼을 클릭합니다.

image


6. 간단히 내용을 입력하고 저장 버튼을 클릭합니다. 페이지 꾸미기는 자유롭게 해 주세요.

image


7. 페이지 저장 버튼을 다시한번 클릭하여 페이지 수정을 완료합니다.

image


8. 모바일 뷰로 페이지에 접속하기 위해 PC 버튼을 클릭하여 나갑니다.

image


9. 주소입력란에 ?m=1 을 입력하고 페이지의 입력 내용을 확인합니다. 같은 페이지에서 PC와 모바일 내용이 다르게 출력되는 것을 확인할 수 있습니다. 다음 외부페이지를 설정하기 위해 메뉴 버튼을 클릭합니다.

image