레이아웃
반응형인데 아이폰으로 보면 안에 페이지 사이즈가 칸에 맞게 줄어들지않습니다
  • 이영진
  • 2016.04.26 13:49:29
  • 조회 수: 277
  • 댓글: 5

http://kosari99.cafe24.com/xe/

 

pc홈페이지에서 배경화면 형식에 사진파일로 페이지를 구성하여습니다~ 아이폰으로 보았을때

 

화면안에 정확히 리사이징 되도록 소스수정 해주세요~ 부탁드립니다

이 게시물을

댓글'5'
XETemplate
  • 2016.04.26

이미지 거로 사이즈를 100%로 주시면 됩니다.

이 댓글을

이영진
  • 2016.04.26

가로사이즈 100%를 어디서 줘야하나요?

이 댓글을

XETemplate
  • 2016.04.26

이미지를 별도로 구성하셨으니 

사용하시는 img 코드에 width="100%" 를 주시면 됩니다.

이 댓글을

이영진
  • 2016.04.26
  • 수정: 2016.04.26 20:24:14

무슨말인지 하나도 모르겠네요,, 어디로 들어가서 코드를 수정해야하는지 자세히좀 설명해주세요

 

그리고 관리자 페이지로 가서 관리자아이디로 로그인했을시에 "기본 URL 설정이 안 되어 있습니다" 라고 나오면서

 

관리자 화면으로 접속이안됩니다

 

 

 

이 댓글을

XETemplate
  • 2016.04.27

이미지를 사용하지 않고 백그라운드 이미지로만 사용을 하셨군요^^

백그라운드 이미지로만 콘텐츠를 표현하시면 이미지의 비율(가로*세로)에 따라 

PC화면과 모바일화면은 화면비율이 상반됨으로 백그라운드 이미지가 잘려 보일수 있습니다.

이부분은 참고하시구요.

 

방법적인것을 알려드리겠습니다.

레이아웃을 PC용은 현재 상태로 그대로 사용을 하시구요

모바일용 레이아웃으로 만들어서 적용을 시키는 방법입니다.

 

반응형 레이아웃을 모바일용 레이아웃으로 사용하는 방법은 다음과 같습니다.

1. layouts 폴더에 있는 xet_fullpage 레이아웃 폴더를 복사 하여 m.layouts로 복사합니다.

2. 관리자 페이지 > 고급 > 설치된 레이아웃에서 모바일탭을 클릭하시면 복사한 레이아웃이 보입니다.

3. PC 레이아웃처럼 모바일용으로 사용될 레이아웃을 설정합니다. 백그라운드 이미지를 모바일에 맞게 만들어 설정해주시면 됩니다.

4. 관리자 페이지 > 설정 > 일반 > 모바일 뷰 사용을 사용으로 체크합니다.

5. 모바일 레이아웃으로 적용될 해당 위젯 페이지의 설정에서 모바일 뷰 사용에 체크, 모바일 레이아웃을 새로 만들어진 모바일 레이아웃으로 선택 후 저장.

6. 모바일에서 확인.

이렇게 적용시키시면 PC따로, 모바일 접속시 보이시는 화면을 별도로 설정할 수 있으므로 PC와 모바일을 다르게 사용하실때 적절히 활용할 수 있습니다.

 

 

기본 URL 설정이 안되어있다는 메세지는 레이아웃과는 무관하며 www를 붙힌것과 붙히지 않은 도메인으로 접속시 발생하는 문제입니다.

XE는 관리자페이지 > 일반 > 고급 > 기본 URL 에 도메인 주소가 http://aaaa.com 으로 적용 되어 있으면 http://aaaa.com 으로 접속시 제대로 사용이가능합니다. http://www.aaaa.com으로 접속 후 로그인을 시도하려면 기본 URL이 설정 안되어있다는 메세지가 노출됩니다.

해결방안은 여러가지가 있으나 간단하게 사용할 수 있는방법은 애드온을 사용하시면 됩니다.

https://www.xpressengine.com/index.php?mid=download&package_id=22753646

참고하시길 바랍니다.

이 댓글을

이 게시물을 삭제하시겠습니까?

번호
분류
제목
작성자
날짜
543
모듈/스킨
2016.05.11
541
레이아웃
2016.05.11
540
모듈/스킨
2016.05.11
537
레이아웃
2016.05.07
536
위젯/스킨
2016.05.05
533
레이아웃
2016.04.29
532
레이아웃
2016.04.29
531
레이아웃
2016.04.29
530
레이아웃
2016.04.28
527
레이아웃
2016.04.27
525
위젯/스킨
2016.04.26
레이아웃
2016.05.11
모듈/스킨
2016.05.11
레이아웃
2016.05.07
위젯/스킨
2016.05.05
레이아웃
2016.04.29
레이아웃
2016.04.29