Q & A

질답게시판

홈 > 회원포럼 > 질답/버그/제안
질답/버그/제안

게시판 등록글 PC와 모바일에서 각각 다른 내용을 보여주는 방법?

1 하나Co 2 185

그 동안 Perl 기반의 cgi로 제작된 홈페이지를 아직까지 사용하다가 이번에 아미나로 갈아탄 그누보드 초보입니다.

홈페이지 내용을 PC 기반으로 할 때는 포토샵으로 이미지에 글씨를 넣어서 한 장의 사진으로 꾸몄는데, 이 경우 모바일에서는 사진이 작게 보이기 때문에 확대를 하지 않으면 글씨를 알아볼 수가 없는 문제가 발생합니다. 그렇다고 모바일에 맞춰서 이미지 바깥에 텍스트로 내용을 넣으면 모바일에서는 보기 괜찮을지 몰라도 PC로 접속했을 때는 뭔가 화면이 허접해 보이는 문제가 있네요.


그렇다고 PC용 홈페이지와 모바일용 홈페이지를 지금에와서 따로 따로 만들기에는 제 실력에 무리이고요.


이 경우에 혹시 동일한 URL 주소인데, 그 내용 구성을 모바일로 접속인지 PC로 접속인지에 따라서 모바일로 접속했을 때는 A라는 내용을 뿌려주고 PC로 접속했을 때는 B라는 내용을 뿌려준다면 해결되지 않겠나 하는 생각에 회원포럼을 검색하다보니 한별아빠님께서 아래의 방법을 제시하셨던 글이 있어서 그대로 해 보았습니만... 제가 무엇을 잘못한 것인지 해결되지를 않네요.


문서 내에서 아래처럼 PC와 모바일 내용을 크게 분리해서 작성하는게 제일 간편합니다. 
<?php if(G5_IS_MOBILE) { ?> 
모바일 내용 
<?php } else { ?> 
PC 내용 
<?php } ?>

위의 글을 보고서 저는 게시판 글 등록에서 아래와 같이 소스를 구성하여 입력했습니다.


<!--?php if(G5_IS_MOBILE) { ?-->

<p><img src="http://hanaedu3.cafe24.com/data/editor/1806/a53e79be97a4c6b2a97f853b3d0cad98_1528339943_9579.jpg" title="a53e79be97a4c6b2a97f853b3d0cad98_1528339943_9579.jpg"><br style="clear:both;">&nbsp;</p><p><br></p><p><br></p><p><b><span style="font-size: 12pt;">“공부해서 남주냐구요? 맞습니다. 하나교육에서의 공부의 목적은 바로 “배워서 남 주자.” 입니다.”</span></b></p><p><br></p><p>“당신은 평생을 살면서 남들에게 어떤 사람으로 인정받기를 원하십니까?”</p><p>아마도 모든 사람들이“꼭 필요로 하는 사람, 없어서는 안되는 사람”이 되기를 원하실 것입니다.<br></p><p>그렇다면 이런 사람이 되기 위해서, 우리는 과연 무엇을 어떻게 준비해야 할까요?</p><p><br></p><p><span style="font-size: 12pt;"><b>“제발 나 좀 도와줘!&nbsp; 난 당신의 도움이 필요해!”</b></span>&nbsp;</p><p><br></p><p>만약 누군가가 나에게 다가와서 위와 같이 간절히 요청할 때에,</p><p>내가 그 사람을 도와줄 수 있는 어떤 특별한 기술이나 지식, 능력을 갖추지 못했다면,</p><p>그래서 그 사람에게 도움을 줄 수가 없다면,</p><p>나는 과연 꼭 필요로 하는 사람, 없어서는 안되는 사람이라고 스스로 자부할 수 있을까요?</p><p><br></p><p><span style="font-size: 12pt;"><b>현대 사회는 더불어 사는 자본주의 사회입니다.</b></span></p><p><br></p><p>자기 혼자 잘났다고 혼자만 잘 먹고 잘 살 수 있는 세상이 아니라,</p><p>항상 다른 사람들과 부대끼면서 더불어 노력해야만 성공할 수 있는 세상인 것입니다.</p><p><br></p><p>이런 의미에서 저희 하나교육개발원은 공부의 목적이“배워서 남 주자.”라고 말하는 것입니다.</p><p>즉, 자기 자신만 알기보다는 자기보다 힘들고 어려운 사람을 먼저 배려할 줄 알고,</p><p>자신의 도움을 필요로 하는 사람들에게 기꺼이 항상 도움을 줄 수 있는 그런 사람이 되기 위해서 열심히 공부해야만 한다는 것입니다.</p><p><br></p><p><span style="font-size: 12pt;"><b>“공부란 꿈꾸는 것이며, 꿈꾸지 않는 공부란 이미 죽은 공부입니다.”</b></span></p><p><br></p><p>공부의 목적은 자신의 꿈을 설계하고 그 꿈을 소중히 가꿔 나가는 따뜻한 사람, 행복한 사람을 만드는 데 있습니다.</p><p>어른들의 시각으로 아이들을 바라보고 평가하기보다는,</p><p>먼저 아이들의 순수함과 가능성을 바라보고,</p><p>그들의 다양성과 개성을 최대한 존중하며,</p><p>그들 스스로 멋진 꿈을 꿀 줄 알고,</p><p>스스로 자신의 꿈을 소중히 가꿔 나갈 수 있도록</p><p>저희 하나교육개발원은 항상 최선을 다할 것입니다.<br></p><p><br></p>


<!--?php } else { ?--> 

<p><img src="http://hanaedu3.cafe24.com/data/editor/1807/acaeac7a677ad33143e15ae0ff49e6e3_1530943335_9713.gif" title="acaeac7a677ad33143e15ae0ff49e6e3_1530943335_9713.gif"><br style="clear:both;"></p>

<!--?php } ?-->

그런데 모바일에서 접속을 하든 PC에서 접속을 하든, 모바일에서 보여주라는 내용과 PC에서 보여주라는 내용이 모두 다 위 아래로 한 번에 다 보여지네요. ㅜ.ㅜ

제가 무엇을 잘못한 것인지, 제가 구현하려는 것을 실현하려면 어떻게 해야 하는지 조언을 좀 부탁드립니다.



2 Comments
2 마르스 07.07 17:41  
글 등록시, 등록되는 내용에 php 코드는 삽입할 수 없고, 인식 되지 않습니다.

해당 방법은 소스파일 수정시 사용되는 방법입니다.

-------------
사이트를 살펴보니,

일반 내용페이지를, 게시판 스킨을 이용하여 보여주고 있는 상태라 해결책을 찾기가  조금 어렵습니다.

http://hanaedu3.cafe24.com/bbs/board.php?bo_table=int05

이런 내용은, [일반문서]로  처리하는 것이 더 바람직합니다. 관리자 > 테마관리 > 일반문서

[일반문서] 에서는, 직접등록 - [편집]을 클릭하여 보면,

PC 내용과, 모바일 내용을 별도로 입력하게끔 되어 있습니다. (PC 내용만 입력하는 경우에는 공통적용)

근본적으로는 이러한 방향의 처리로 가는 것이 맞습니다만..

메뉴라든지, [일반문서]에 대한 전반적인 이해라든지.. 여러가지 어려움이 있을 수 있습니다.

일단 지금의 문제되는 페이지만 우선적으로,

[일반문서]로 만들고, 편집에서 모바일 / PC 내용 별도 입력 후, 메뉴에 등록해본 뒤,

이런식으로 전부 바꿀지.. 말지 등을 고민/검토해 볼 수 있지 않을까 합니다.

* 테마관리 > 일반문서
1) 일반문서 등록
메뉴 : [하나교육안내]
HTML ID : ini05
메뉴명 : 교율철학
푼서파일 위치 : inii05.php
-> [등록하기]

2) [편집]
모바일/PC 내용에 각각 입력해주면 됩니다.
1 하나Co 07.07 22:59  
마르스님 답변 정말 고맙습니다.
님께서 알려주신대로 일단 한 페이지만 작업을 해 보았는데, 이렇게 하면 되네요.
다시 한 번 더 감사를 드립니다. 고맙습니다.
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand