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

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

모바일 외부페이지 설정하기

1. 외부페이지는 외부 문서의 위치 정보를 확인하고 문서를 불러와 레이아웃 컨텐트 영역에 출력합니다. 따라서 모바일 접속인 경우 모바일 외부 문서의 위치 정보를 추가로 입력하여 모바일 환경에 최적화된 HTML 문서를 활용할 수 있습니다. 홈페이지 만들기 메뉴항목은 기존의 외부문서 위치만을 입력한 상태이고 레이아웃 프로젝트 메뉴항목은 모바일용 외부문서의 위치 정보를 입력한 항목입니다. 확인해 볼까요?

image


2. 홈페이지 만들기 메뉴를 클릭한 경우 모바일용 외부 문서의 위치 정보를 입력하지 않았기 때문에 기존의 외부 문서 위치 정보를 확인하고 그대로 출력하게 됩니다. 만약 가로의 크기가 모바일 환경보다 크게 고정된 DIV, TABLE 등이 있는 경우 모바일 기기의 설정에 따라 다르게 출력될 것입니다.

image

image


3. 모바일 외부 문서의 위치 정보가 추가로 입력된 경우에는 문서를 찾아 출력하게 됩니다. 지금은 위치 정보가 입력만 되어 있을뿐 실제로는 추가 HTML 문서를 찾을 수 없기 때문에 설정만 보이게 됩니다. PC로 접속하게 되면 정상적인 문서를 출력하지만 모바일 접속인 경우에는 입력된 문서를 찾을 수 없습니다. 따라서 모바일용 문서를 추가로 작성하여 위치 정보 디렉터리 안에 문서를 업로드하게 되면 정상적으로 찾아서 보여주게 됩니다.

image

image