그누보드 pc와 모바일 구분 코드(변수,함수)

그누보드에서는 pc와 모바일 버전이 구분되어 있습니다.

네이버와 다음의 영향이 큰 것 같습니다.

반응형웹이 대세이긴 하지만 그누보드에서는 각개의 테마로 적용 여부를 맡겨두고, 기본은 모바일과 pc버전을 구분해두고 있습니다.

 

그래서 코드를 짤 때 모바일에서만 적용되길 원하는 경우, pc에서만 적용되길 원하는 경우가 발생할 수 있습니다.

그누보드에서도 그것을 체크하기 위해 기본 변수로 모바일과 pc를 구분하는 코드를 두고 있습니다.

그누보드에서 pc와 모바일을 구분해서 쓰는 방법은 몇가지가 있는데 하나씩 알아보도록 하겠습니다.

 

 

그누보드 모바일 버전

 

 

그누보드 pc와 모바일 구분 첫번째

변수명은 G5_IS_MOBILE 입니다.

pc에서 하면 출력하기를 원한다면

if(!G5_IS_MOBILE) 
{ 
	//pc에서만 적용 
} 

이런 식으로 코드를 넣으시면 됩니다.

모바일에서만 출력되기를 원한다면

if(G5_IS_MOBILE) 
{ 
	// 모바일에서만 적용 
} 

이렇게 코드를 넣으시면 됩니다.

pc 버전

 

그누보드 pc와 모바일 구분 두 번째

그누보드에서 pc와 모바일을 구분하는 두 번째 방법은 함수를 사용하는 방법입니다.

위에서 언급한 G5_IS_MOBILE은 변수였습니다.

이번에는 함수를 사용하겠습니다.

함수명은 is_mobile입니다.

사용법은 다음과 같습니다.

if(is_mobile()) { 
	// 모바일에서 작동 
} else { 
	// pc에서 작동 
} 

함수명이 직관적이라서 잊어 먹지는 않을 것이라 생각됩니다.

 

 

그누보드 php 코드 수정

 

 

그누보드 모바일과 pc 구분방법 세 번째

그누보드에서 모바일과 pc를 구분하는 세 번째 방법은 css로 구분하는 것입니다.

바로 미디어쿼리를 이용하는 것입니다.

대신 이 경우에는 반응형 웹을 사용해야 합니다.

// 화면이 1190px 보다 큰경우에만 css 동작합니다. 
@media screen and (min-width:1190px)  
{ 
  .mobile-none{display:none;} 
} 

css만 사용가능하기 때문에 활용에 제한이 될 수 있지만, 쉽게 사용할 수 있다는 장점이 있습니다.



그누보드에서 pc와 모바일 접속을 구분해서 코드를 달리할 수 있는 방법을 알아보았습니다.



참고로 테마가 반응형 사이트라서 모바일과 pc의 구분을 없애고 싶으신 경우도 있을 것입니다.

 

 

이런 경우에는 config.php 파일에서 모바일과 pc에서 구분해서 테마 적용하는 것을 없애실 수 있습니다.

 

 

 

config.php 파일에서

define('G5_USE_MOBILE', true);

이 부분을 찾아서 true를 false로 변경해 주시면 됩니다.

false로 변경하시면 모바일 홈페이지를 이용하지 않겠다는 표시이므로 언제나 pc버전으로 선택한 테마로 접속됩니다.

 

이 경우에도 위에서 언급한 G5_IS_MOBILE는 여전히 사용하실 수 있습니다.

대신 이경우에는 사용자가 pc로 접속하였는지, 모바일로 접속하였는지만을 구분하게 됩니다.

 

G5_IS_MOBILE 변수, is_mobile 함수를 사용하여 스크립트 코드를 달리 적용할 수도 있고, 메인 페이지만 따로 설정하는 것도 가능합니다. 

또한 모바일에서만 사용가능한 옵션을 넣을 수 있으므로 유용하게 쓸 수 있는 변수입니다.