You cannot see this page without javascript.

메뉴 건너뛰기

MH

내 사랑치 않고 끝내는 것 보다 사랑해서 잃어 버리는 편이 좋다.

It is better to have loved and lost than to have never loved at all.

조회 수 65 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
Extra Form
원작자 misol
출처 https://www.xpressengine.com/tip/20901998
적용여부 적용
적용페이지 http://sj-farm.co.kr/
XE 적용시점 버전 : Rhymix 1.9.6

XE에는 기본으로 불러오는 클래스 들이 많습니다. 그 중에 모바일 클래스를 조금 써봅니다.

 

파일 위치는 ./classes/mobile/Mobile.class.php 입니다.

 

이 파일에는 사용자가 접속한 장치가 어떤 장치인지 HTTP 헤더의 User-Agent 값으로 구분하는 내용이 들어있습니다. 한번 판단을 하고 나면, 효율성을 위해 쿠키에 정보를 저장해두고 이용하게 됩니다.

 

Mobile::isFromMobilePhone() 라는 메소드가 정의되어 있습니다. 외부에서 사용하기 가장 좋은 메소드입니다. 모든 정보를 이용해서 장치가 모바일 장비인지 확인하고, 어떤 양식의 페이지가 보여야 할 것인지 정합니다.
쿠키가 저장되어 있다면, 쿠키를 우선으로 확인하고, 쿠키가 없는 경우에는 HTTP 헤더에서 문자열을 확인해 확인합니다.

 

~~ByAgent 라고 정의된 메소드들은 모두 HTTP 헤더를 직접 확인하는 것들입니다.

 

isMobilePadCheckByAgent() 라는 것이 최근에 추가되었는데, 아이패드, 안드로이드 타블렛 등의 기기를 구분하기 위한 메소드입니다.

 

모바일 기기이면서도 화면이 상대적으로 넓기 때문에, 취향에 따라 다른 화면을 선택할 수 있게 도울 필요가 있다 판단했습니다. 그래서 이들 기기로 접속하면, 모바일 화면으로 이동할 수 있는 링크도 뜨지만, 기본 화면은 PC 용 화면이 뜨게 됩니다.

 

모듈, 애드온, 또는 스킨 개발자도 이를 이용할 수 있습니다. 클래스 모든 메소드는, 구분하려고 하는 대상이 맞으면 TRUE, 아니면 FALSE 를 반환합니다. (논리값)

 

setMobile 이라는 함수로, 장치를 강제로 모바일이나 PC로 정의할 수 있습니다.

유용한 클래스라고 생각합니다 :)

 

템플릿 코드에 적용하시려는 분이 많은 것 같아서 추가합니다.

<span cond="Mobile::isMobileCheckByAgent()">모바일모드입니다.</span>

<span cond="!Mobile::isMobileCheckByAgent()">모바일모드가 아닙니다.</span>

이런 식으로 사용하시면 됩니다.

 

[보기 - 로고부분(반응형 스킨의 경우)]

PC화면에서는 이미지로

pc.jpg

스마트폰 화면에서는 텍스트로 출력

mobile.png

Who's 팔공산

profile

이 世上에서 現在가 가장 중요한 時間이며,
내가 만나고 있는 바로 그 사람이 第一 중요한 사람이며,
同時에 가장 중요한 것은 그 사람에게 善으로서 行하는 것이다.

Atachment
첨부 '2'
    댓글이 하나도 없네요ㅠㅠ
    Tip이 도움이 되었다면 댓글과 평가 부탁합니다. Tip에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다.
?

List of Articles
번호 분류 제목 원작자 날짜 조회 수 적용여부
246 XE타운 댓글이 2줄 이상일 경우 접고 펴는 기능추가하기 게시글에 댓글이 여러줄로 달릴 경우 댓글란들이 길게 나열되는 것이 싫어실 경우 적용하시면 됩니다. sketchbook5 게시판을 예로 해서 설명합니다. 1. 게시판설... file 이온디 2018.11.27 17 변형
245 문하우스 Sketchbook5 게시판 글작성시 상단에 빵조각메뉴 부분 삭제하기 Sketchbook5 게시판을 사용하여 글 작성시 상단에 빵조각 메뉴 부분이 설정과 상관없이 출력됩니다. 이 부분이 마음에 들지 않는 경우 무조건 출력되지 않게 수정... file 80san 2018.11.02 56 적용
244 문하우스 Xedition 레이아웃 스킨에서 검색버턴 바꾸기 Xedition 레이아웃을 사용해 오면서 별 불만이 없는데 상단에 위치한 검색창이 마음에 들지를 않아서 바꾸어 봤습니다. 생각보다 어렵더군요 ^.^! 1. xedition/la... file 80san 2018.10.31 31 적용
243 문하우스 xedition레이아웃과 sketchbook5 게시판을 같이 사용시 미미한 문제점수정 xedition레이아웃과 sketchbook5 게시판을 함께 사용하면 게시판에서 아이콘Hover시 아래에 작은 검은 삼각형이 보입니다. 별 문제는 없지만 미간상 보기가 좋지 ... file 80san 2018.10.27 48 적용
242 문하우스 구글 드라이브 자료링크를 XE게시판에 적용하는 방법 [구글 드라이브에 올린 파일 직접 다운로드 링크 넣는 방법] [외부링크 파일을 로그인회원만 확장변수활용 다운받게 하는 방법] 위 두가지 내용을 복합해서 sketc... file 80san 2018.09.25 83 적용
241 XE타운 게시판 사용자정의 일자(연월일)에 시간 추가하는 방법 안녕하세요! XE타운 여러분~!? 게시판 설정 -&gt; 사용자 정의에서 형식을 일자(연월일)로 선택하고 글을 쓰면 위에 스샷처럼 날짜만 선택이 가능합니다. 저는 위 스... file sunup 2018.09.03 76 NO
» XE타운 PC, 모바일, Tab 접속장치 구분 코드 XE에는 기본으로 불러오는 클래스 들이 많습니다. 그 중에 모바일 클래스를 조금 써봅니다. 파일 위치는 ./classes/mobile/Mobile.class.php 입니다. 이 파일에는... file misol 2018.08.03 65 적용
239 XE타운 마지막 문장 이후 오는 <p> </p> 를 모두 제거해서 보여주는 방법 과도한 엔터가 문서 하단에 들어간걸 그냥 보통 지우지 않으시는 경우가 있는데요. 스킨에서 본문을 불러오면서 내용의 끝부분에 위치한 반복되는 &lt;p&gt;&amp;nbsp;&lt;/p&gt; ... prologos 2018.07.28 47 적용
238 문하우스 구글 웹사이트 번역기 웹페이지에 간단하게 달기 XE 나 라이믹스에도 &quot;다국어&quot;기능이 있기는 하지만 번역이나 기타 여러 가지 번거로운 점이 많습니다. 자신이 확실하게 외국어 언어를 알고 있고 귀찮니즘을 극복... file 80san 2018.07.27 60 NO
237 문하우스 이미지 Hover시 Zoom기능 출력 썸네일이미지를 사용하거나, 일반 이미지의 경우 큰이미지 작은이미지를 이용하여 이미지에 마우스 Hover시 이미지부분이 확대 Zoom 형태로 출력되게 하는 Tip입... file 80san 2018.07.25 56 적용
236 기타 XE 위젯에 임시 저장글이 뜰때 해결방법 1) 최신글 위젯의 경우 widgets/newest_document/queries 에 위치한 getNewestDocuments.xml을 열어서 &lt;condition operation=&quot;equal&quot; column=&quot;modules.site_srl&quot; ... file 잡다한 생각 2018.07.13 21 적용
235 문하우스 외부링크 파일을 로그인회원만 확장변수활용 다운받게 하는 방법 유틸리티 메뉴의 작성글들중 프로그램용량이 큰 자료의 경우 외부에서 파일을 가져와서 링크를 걸어 두었는데 이런 경우는 게시판의 파일권한과 상관 없이 다운로... file plruto 2018.02.17 190 적용
234 문하우스 Ckeditor에 스킨 설치하는 방법 아래글에 이어서 Ckeditor에 스킨 설치하는 방법을 설명드립니다. https://ckeditor.com/cke4/addons/skins/all 에 가면 몇가지의 스킨들이 존재합니다. 그 중에 ... file 80san 2018.02.13 239 NO
233 문하우스 Ckeditor에 플러그인 설치하는 방법 XE를 라이믹스로 변환시키고 나니 에디터기로 Ckeditor를 기본으로 사용하게 되어 있네요. XE에서 사용하던 xpresseditor에디터기는 사용이 불가하네요. 그래서 C... 1 file 80san 2018.02.11 320 적용
232 문하우스 댓글유도문구에 에니메이션 효과 적용 css3를 지원하는 브라우즈에서 이미지나 문구를 에니메이션 처럼 꾸미는 방법으로 webkit-animation을 많이 사용합니다. 스케치북5 게시판에 댓글달기 추천 문구... 80san 2018.01.31 139 적용
231 문하우스 "소셜XE 2015 모듈" 사용중 API 오류 나는 경우 &quot;소셜XE 2015 모듈&quot; 사용해서 SNS로그인을 적용해서 사용중인데 어느 순간 부터 네이버 와 카카오톡으로 로그인이 되지를 않더군요. 네이버는 API오류 라고 뜨고,... file 80san 2018.01.31 120 적용
230 문하우스 위젯을 가로로 정렬했을때 모바일에서 반응형으로 적용하기 위젯페이지 작업시 위젯을 가로로 50%씩해서 가로 정렬시 웹에서는 디자인이 보기가 좋으나 모바일에서는 너무 작게 가로로 나타납니다. 모든 위젯을 반응형으로 ... file 80san 2018.01.29 245 적용
229 XE타운 10원짜리 깜빡이로 강조하기 팁 뭔가 꼭 알려 주고 싶은 내용을 특정 위치에 적어 놓지만 신경 쓰지 않고 읽지 않는 경우가 많을 겁니다. 깜빡이 효과를 줘서 조금 더 눈에 띌 수 있도록 해 봅니... file 웹지기 2018.01.29 65
228 문하우스 SoSiFam 한 줄 메모 게시판 라이믹스에서 사용 가능하게 편집 라이믹스를 업데이트 하고 나니 첫화면 우측 아래에 있는 &quot;가입인사&quot;에 글 등록이 되지를 않아서 SoSiFam 한 줄 메모 게시판을 수정했습니다. 내용글이 없어면 글... 2 file 80san 2018.01.27 88 적용
227 문하우스 라이믹스에서 내용글 없이 글 작성하기 XE에서 라이믹스로 갈아타고 나니 게시판설정중에 내용글 없이 글 작성하기시 &quot;내용글은 필수입니다&quot;라는 팝업창이 출력되는군요. 문의를 한 결과 라이믹스에서는... file 80san 2018.01.27 90 적용
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...